vue项目使用html2canvas，截图错乱

Question

用了最新的"html2canvas": "^1.0.0-alpha.12"

配置

print(){
   let printMeEl = this.$refs.printMe
   this.$html2canvas(printMeEl, {
        type: 'dataURL',
        useCORS: true,
   }).then((canvas) => {
        this.output = canvas
   })
}

点击页面上的一个按钮触发print()方法，但生成的截图非常非常乱，所有结构都是从上往下罗列的，并没有载入样式。请问这是怎么回事呢？

Answer 1

html2canvas 截图是有bug的，当你的页面元素是由js生成，或者是类似与svg这样出现的元素。
都是渲染不出来的。