html2canvas 返回的toDataURL()数据为 data:,的解决方法

html2canvas 返回的toDataURL()数据为 data:,的解决方法

我在使用html2canvas的使用， 发现toDataURL() 返回的数据为data:, 而且将数据设置为img的src属性，图片也不能正常显示，我尝试了很多方法，也没有解决出来，经过我不断的百度+自己尝试，终于解决了这个问题。

代码：

这段代码是没有任何问题的，标准html2canvas的demod代码，但就是无法正常将图片previewImg 渲染出来，dataURL 我打印的结果为 data:,
错误的原因是，这个 要截图的原dom元素this.$refs.imageTofile没有设置宽高，

我设置了宽高：

就完美解决问题。

原因总结是，要绘制原图的html元素必须要显示出现， 必要设置width,height属性， 或不能将display设为none， 否则打印的canvas对象就是一个空对象，那它返回的 toDataURL()就为空 data:,

我的回答解决了你的实际问题，就请给我一个赞，谢谢。