uniapp canvas图片跨域
时间: 2023-10-09 07:05:09 浏览: 298
详解canvas绘图时遇到的跨域问题
在uniapp中,如果想要在canvas中绘制跨域图片,可以通过将图片转换为base64格式然后使用context.drawImage()方法来实现。首先,你需要创建一个画布并设置其样式,例如:
```
<canvas style="background-color: #fff; border: 1px solid #d0d0d0; width: 100vw; height: 100vh; position: absolute; left: 100%;" canvas-id="myCanvas" id="myCanvas"></canvas>
```
然后,你可以将图片转换为base64格式,并在canvas中使用context.drawImage()方法将其绘制出来。这样就可以成功在canvas中使用跨域图片了。如果遇到H5本地图片画布无法成功的情况,你可以尝试使用小程序来实现。希望对你有帮助!
阅读全文