html2canvas-画布被推/裁剪/剪裁

时间:2018-08-02 08:38:09

标签: javascript html css vue.js html2canvas

我的画布导出被剪切/移动/裁剪。 好像我的元素被推到了左边,所以我可以看到画布的背景。 我的元素是白色的。

我尝试用{x: 0, y: 0}解决问题,但是随后将要转换为画布的元素推到了画布的中间,因此我可以再次看到画布的背景色。 截图:http://prntscr.com/kdbh0m

屏幕截图:http://prntscr.com/kdb944http://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不依赖于后端。

  • html2canvas版本经过测试:1.0.0-alpha.12
  • 浏览器和版本:谷歌浏览器
  • 操作系统:Windows 10
  • 前端框架:VueJS v2.5.2

0 个答案:

没有答案