canvg toDataURL not returning full image with large chart

Question

I have chart with 4000 x 10000(+). While converting the image it is returning 4000 x 8000 image which is not full image.

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

I note you have opened this issue on GitHub https://github.com/gabelerner/canvg/issues/408 but this looks to be a previously known issue: https://github.com/gabelerner/canvg/issues/215 — Dave Satch, Oct 20 '15 at 05:09

score 0 · Accepted Answer · answered Dec 28 '15 at 06:40

The max resolution supports 8192 px. So solve this problem by compress the image to max height of 8192 px if the height is more than that using scaleHeight property.

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

canvg toDataURL not returning full image with large chart

1 Answers1