canvas 显示不全 java_html2canvas 目标元素过长canvas渲染不全【折中方案】

Problem

使用html2canvas.js处理浏览器截屏时,发现当元素宽度超过某个阈值后会出现超出部分渲染异常现象。

Debughtml2canvas截屏，实质是dom转canvns，canvas转图片。

目标宽度20000+px无操作，copyDom显示正常，canvas宽高正常，但右侧元素显示为黑块，且位置居左。

option添加foreignObjectRendering: true,copyDom显示正常，canvas宽高正常，但右侧原异常元素缺失部分文本。

option指定width为10000，copyDom显示正常，canvas宽度10000，导出10000宽-图正常。

初步推断canvas渲染有宽度上限，百度一番仍无定论

Solution

首先不是视图外元素缺失的问题，试了很多都无结果。最后敲定折中方案就是根据宽度计算 拆分出图。

Old code/**

* @description html转图片导出

* @param ele

* @p