canvas 下载大体积图片解决方法
遇到问题
在慧眼项目中,客户有下载高清热力图的需求,于是乎觉得这就是一个将canvas保存成图片的过程。要高清图片就保存成png格式就行了,比较容易实现,就动手了。代码如下
然而千算万算没想到这段代码也能有问题,并且非常诡异。在下载体积较小的图片的时候,一切正常,但是图片稍微大一点,或者是mac下的2倍图片,浏览器就会报“网络错误”这个错误
这让人很费解,百度了一下也查不到这个问题所在的原因是什么,于是只能寻求解决办法。
Supper Disco Daddy
在慧眼项目中,客户有下载高清热力图的需求,于是乎觉得这就是一个将canvas保存成图片的过程。要高清图片就保存成png格式就行了,比较容易实现,就动手了。代码如下
然而千算万算没想到这段代码也能有问题,并且非常诡异。在下载体积较小的图片的时候,一切正常,但是图片稍微大一点,或者是mac下的2倍图片,浏览器就会报“网络错误”这个错误
这让人很费解,百度了一下也查不到这个问题所在的原因是什么,于是只能寻求解决办法。
主要是介绍一下react-router注册路由的这两种写法,在传递参数时的区别。
遇到这个问题的起因,是在抽离地块部分二级菜单组件的时候,考虑到组件的通用性,设想今后可能会有点击Link时,将数据通过Link传入路由渲染的组件这一需求,决定将留出路由传递参数的接口。
块级元素:div
, p
, form
, ul
, li
, ol
, dl
, form
, address
, fieldset
, hr
, menu
, table
行内元素:span
, strong
, em
, br
, img
, input
, label
, select
, textarea
, cite
注意:img
标签是一种特殊的可以设置宽和高的行内元素
布局有table布局,盒子布局,flex布局(弹性布局),栅格布局。
flex布局
学习flex布局可以通过玩这个小游戏:FLEXBOX FROGGY