小程序canvas 2d 绘图无法drawImage图片？

微信iOS 7.0.20 版本使用canvas 2d 绘制drawImage时无法成功绘制，图片不显示，img1.onload不执行，执行了img1.onerror函数，img对象无法onload成功，微信iOS 7.0.18是正常的。

代码如下（示例）：

var qt = wx.createSelectorQuery();qt.select('#bbs').fields({ node: true, size: true }).exec((res) => {let canvas = res[0].node;canvas.width = self.page.data.windowWidth;canvas.height = self.page.data.windowHeight;let layer = canvas.getContext('2d');let img1 = canvas.createImage();img1.src = '/image/2.png';img1.onload = function (res) {console.log('onload成功')layer.drawImage(img1, 300, 10, 300, 300);//方法不执行}img1.onerror = function (res) {console.log('onload失败')//实际执行了此方法}})

这是ios7.0.20的bug，目前官方发布了ios 7.0.21，修复了canvas的问题，将微信版本更新至7.0.21即可解决。

小程序canvas 2d 绘图无法drawImage图片？相关推荐

微信小程序使用html2canvas,微信小程序canvas 2d 引入本地图片并生成分享图
在小程序基础库 v2.9.0 正式开放一套全新的 Canvas 接口.该接口符合 HTML Canvas 2D 的标准,实现上采用 GPU 硬件加速,渲染性能相比于现有的 Canvas 接口有一倍左右 ...
小程序 canvas 2d 绘制图片并保存
获取canvas实例,使用的官方的代码.用一个变量canvas保存实例,后续保存时会调用. data () {return {canvas: null // 实例} }, onReady() {con ...
记一次微信小程序canvas 2d 生成海报问题
因项目需要,需要制作海报分享. 如: 事情总是不是那么顺利,canvas生成海报生成中遇到各种奇葩问题.一开始是 wx.canvasToTempFilePath 中获取不到canvas对象,调用返回 ...
小程序---canvas画图，生成分享图片，画图文字换行
小程序目前只支持转发,不支持分享朋友圈,为了能实现分享,很多线上小程序通过生成分享图片,保存到相册来给用户增加分享的可能. 具体思路及简要代码如下: 一:canvas画图drawCanvas:func ...
小程序canvas 2d 自定义字体
开发工具:微信开发者工具 Stable 1.05.21020210 注意:目前canvas 2d 开发工具看不到效果,需要真机预览才可以看到效果效果图: 下面是动态加载网络字体的api: 写的是一个 ...
微信小程序canvas 2d 绘制图片与文字导出图片
wxml内容如下 <canvas id="myCanvas" type="2d"style="width: {{ canvas.width } ...
小程序 canvas 2d 绘制海报
效果图 canvas api 准备绘制图片 context.drawImage(image, dx, dy, dWidth, dHeight); image:绘制在Canvas上的元素,可以是各类C ...
微信小程序canvas实现简易手写签名版（uni-app）
微信小程序可以通过canvas实现手写签名的效果,本文中使用的是微信小程序Canvas 2D接口本示例中绘制的是横屏签名的效果,效果图如下: 这里我们需要调整canvas的物理宽高,默认物理宽高为3 ...
微信小程序 canvas type = 2d 绘制海报心得（包括怎么绘制图片和圆角图片和圆角矩形等）
微信小程序 canvas type=2d 使用心得为了方便这里我封装成了一个component 然后说说怎么使用最新的方法(使用方法类似于html中的canvas可以进行参考)获取--canvas ...

小程序canvas 2d 绘图无法drawImage图片？

小程序canvas 2d 绘图无法drawImage图片？

这是ios7.0.20的bug，目前官方发布了ios 7.0.21，修复了canvas的问题，将微信版本更新至7.0.21即可解决。

小程序canvas 2d 绘图无法drawImage图片？相关推荐

最新文章

热门文章