真机里边的createPattern不支持'no-repeat'
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无关) [图片] 望官方看到尽快解决
09-24给"no-repeat"换成"repeat"就生效了
小程序使用canvas2d的createPattern在安卓设备上无效预期表现[图片] 在开发者工具和ios端都是正常的,但是在安卓端白屏也没有报错 使用的是canvas 2d [图片] [图片]
09-18把 "no-repeat" 换成 "repeat" 就生效了。。。
canvas组件的createPattern设置到strokeStyle预览或真机调试无效?调试基础3.4.10 代码很简单,需要的话可以看一下。开发者工具都没问题,但是预览、真机调试(iPhone15,安卓手机都试了)都无效 const image = this.canvas.createImage() image.onload = () => { this.pattern = this.context.createPattern(image, "no-repeat"); this.context.strokeStyle = this.pattern } image.src = '.../sample.png' // 要加载的图片 url
09-18