作者：干杯13ds_198 | 来源：互联网 | 2023-10-10 16:31
12通过canvas生成一张海报,然后通过1canvas.toDataURL("image/png")生成base64。把图片base64显示在1img标签上，然后图片在手机看有点模糊,这是怎么样回事
通过canvas生成一张海报,然后通过
1
| canvas.toDataURL("image/png") |
生成base64。
把图片base64显示在
标签上，然后图片在手机看有点模糊,这是怎么样回事。
(把生成的海报显示在img标签上的原因是微信有一个长按图片可以保存和收藏的作用。)
demo地址:
1
| http://m.haoyuanfl.com/yfl/#/test?hy=f64c8253 |
1
2
3
4
5
6
7
8
9
| let img1 = new Image();
img1.setAttribute("crossOrigin", 'Anonymous')
img1.src = 'https://m.haoyuanfl.com//uploads/admin/distribution_goods/20190724/9e1ac99dc931213a0fb12fdc8df12392.jpg';
img1.Onload= () => {
ctx.drawImage(img1, 0, 0, 520, 720);
let src = canvas.toDataURL("image/png")
this.posterScr = src;
} |
京公网安备 11010802041100号