canvg toDataURL 不返回带有大图表的完整图像

Question

我有 4000 x 10000(+) 的图表。转换图像时它返回 4000 x 8000 图像，这不是完整图像。

Code : var canvas = document.createElement('canvas'); 
canvg(canvas, this.canvas.toSVG());  // this : rapheal object
var img = canvas.toDataURL('image/jpeg');

Answer 1

最大分辨率支持8192 px。因此，如果高度超过使用 scaleHeight 属性.

的高度，则通过将图像压缩到最大高度 8192 像素来解决此问题。

var maxChartHeight = 8192;
canvgOpt.scaleHeight = Math.min( canvas.height, maxChartHeight );
canvg( chartCanvas, canvas.toSVG(), canvgOpt );

canvg toDataURL 不返回带有大图表的完整图像

canvg toDataURL not returning full image with large chart

canvg