关于canvas绘制内容的宽高以及面积限制

场景：

使用canvas绘制流程树，需导出为图片格式。

此时canvas的绘制不再被屏幕的大小所限制。按实际使用场景可能会是无限大。当绘制内容的宽高达到浏览器的限制时，则会出现绘制失败，且无报错提示。

 

限制：

浏览器	最大宽度(px)	最大高度(px)	最大面积
Chrome	32767	32767	268435456（16384* 16384）
Firefox	32767	32767	472907776（22528 * 20992）
IE	8192	8192	不适用

 

兼容：

绘制前计算宽高、面积是否超过最大限制

如超过：进行缩放

缺点：缩放程度越高，导出的图片失真程度越严重。