- wx.createOffscreenCanvas为什么不能drawImage?
官方demo // 创建离屏 2D canvas 实例 const canvas = wx.createOffscreenCanvas({type: '2d', width: 300, height: 150}) // 获取 context。注意这里必须要与创建时的 type 一致 const context = canvas.getContext('2d') // 创建一个图片 const image = canvas.createImage() // 等待图片加载 await new Promise(resolve => { image.onload = resolve image.src = IMAGE_URL // 要加载的图片 url }) // 把图片画到离屏 canvas 上 context.clearRect(0, 0, 300, 150) context.drawImage(image, 0, 0, 300, 150) // 获取画完后的数据 const imgData = context.getImageData(0, 0, 300, 150) 我复制到微信开发者工具里 // 创建离屏 2D canvas 实例 const canvas = wx.createOffscreenCanvas({type: '2d', width: 300, height: 150}) // 获取 context。注意这里必须要与创建时的 type 一致 const context = canvas.getContext('2d') // 创建一个图片 const image = canvas.createImage() // 等待图片加载 await new Promise(resolve => { image.onload = resolve image.src = "https://hbimg.huabanimg.com/7af2de172fc018b74a9dae0d8f8bce2315b4f9708c994-FZyAYT" // 要加载的图片 url }) // 把图片画到离屏 canvas 上 context.clearRect(0, 0, 300, 150) context.drawImage(image, 0, 0, 300, 150) // 获取画完后的数据 const imgData = context.getImageData(0, 0, 300, 150) 然后一堆报错,调试基础库选到了最高,然后也开启了不校验合法域名证书 [图片] 怎么这么操蛋呀,这api能不能用,官方能给一个回复么
2021-12-15 - createPattern无法在真机上预览,请问该如何处理?
贴上代码 <canvas id="canvas" type="2d" style="background-color: blueviolet;width: {{canvasWidth}}rpx;height: {{canvasHeight}}rpx;"></canvas> Page({ data: { canvasWidth:750, canvasHeight:800, src:"https://hbimg.huabanimg.com/56a2edad23c576a631f2f1fb52939763d2f9910a37f4-wKjMvn" }, onLoad: function (options) { wx.createSelectorQuery().select("#canvas").fields({ node:true, size:true, id:true }).exec(res=>{ let canvas=res[0].node let ctx=canvas.getContext('2d') let dpr=wx.getSystemInfoSync().pixelRatio canvas.width=res[0].width*dpr canvas.height=res[0].height*dpr //createPattern()重复图像 imgObject.onload=()=>{ ctx.drawImage(imgObject,420,420,300,300) const pattern = ctx.createPattern(imgObject, 'repeat') ctx.fillStyle = pattern ctx.fillRect(0, 0, canvas.width, canvas.height) }) }, }) 预览如图所示 开发工具里 [图片] 手机上(大的猫咪是加载的一张照片,和createPattern无关) [图片] 望官方看到尽快解决
2021-11-25 - Canvas好难用呀,希望官方能看到,完全看不明白,谁能系统的梳理一下么?
作为一个新手,看了两天canvas真的一脸的草泥马,我下载官方的有限的几个demo,打开要么是报错,要么是已经废弃掉的api,对应的demo如下:[图片] 下载打开以后报错 [图片] 好不容易有一个正常的demo能打开,又是废弃掉的方法, [图片][图片][图片] 既然要推行新的api,就不能多写一些新的对应的接口么,demo这些全是废弃掉API的, 作为一个初学者真的要疯,希望官方能够看到,并及时的解决
2021-11-12