我的画布导出被剪切/移动/裁剪。 好像我的元素被推到了左边,所以我可以看到画布的背景。 我的元素是白色的。
我尝试用{x: 0, y: 0}
解决问题,但是随后将要转换为画布的元素推到了画布的中间,因此我可以再次看到画布的背景色。
截图:http://prntscr.com/kdbh0m
屏幕截图:http://prntscr.com/kdb944,http://prntscr.com/kdb9fg
外观如何:http://prntscr.com/kdbbjl
第一个屏幕截图代码:
<canvas width="270" height="480" style="width: 1080px; height: 1920px;"></canvas>
第二个屏幕截图代码:
<canvas width="270" height="480" style="width: 1080px; height: 1920px;"></canvas>
实施代码:
html2canvas(template, {
useCORS: true,
widht: 1080,
height: 1920,
backgroundColor: "red" // color of the canvas. Added for test
}).then(canvas => {
html2canvasWrapper.appendChild(canvas);
});
我注意到这个问题在Heroku上比在localhost上更经常重复,但是我不确定这是否是问题。正如我在文档中看到的html2canvas不依赖于后端。