html2Canvas 边框虚线

html2Canvas 边框虚线：https://blog.youkuaiyun.com/qq_33089275/article/details/98956987

 

在做一个协议签署截图，样式使用的是border的虚线（border: 1px dashed #ccc;），使用插件html2Canvas转出来的截图却变成了实线效果：

，然后就去github找答案，发现这是一个bug，最后在issues中无意看见大神这样的建议：

然后就试着：

1.在调用插件之前将我的虚线边框隐藏；

2.调用HTML2canvas插件得到canvas，再得到虚线边框的位置并canvas相应位置进行重新绘得到正确样式的图片。

3.最后再finally中还原1中的修改。

最后截图我的部分代码（刚做完未整理代码格式）

最终效果如图：

好了，大功告成。

有什么不懂的问题可以留言一起讨论。