我们用的uni-app页面做的页面,需要把页面转成图片;
问题1:不同的手机会偶发文字挤在一块,不是所有的都是那种
问题2:图片出现加载不出来
解决问题1:是因为我的文字写的居中,html2canvas居中会导致分布不均匀,有针对性的写样式
font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
letter-spacing:0.05em;
解决问题2:html2canvas(this.$refs.shareItem[0],{
useCORS:true, // 开启跨域设置
scrollX:0,
scrollY:0,
allowTaint:true, // 允许跨域图片
}).then(canvas => {
})
注意:我用的html2canvas是1.0.1
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。