需求:在页面用canvas画几个圆角图片
表现:wechat 6.6.6时一切正常,今天更新到了6.6.7,结果只能第一个图片是圆角
function circleImg(ctx, img, x, y, r) { ctx.save(); var d =2 * r; var cx = x + r; var cy = y + r; ctx.arc(cx, cy, r, 0, 2 * Math.PI); ctx.clip(); ctx.drawImage(img, x, y, d, d); // ctx.lineWidth = 3 // ctx.setStrokeStyle('#482C2B') // ctx.stroke() ctx.restore(); } |
同样出现该问题,canvas上多个图形裁剪,只有第一个有效果;微信更新到6.6.7之前是OK的,更新之后就出问题了。
另外canvas的fillText接口里的(x,y)坐标原本是对应左上角,现在代码中实际效果是对应左下角,这是有意为之吗?文档目前说明的还是左上角,很奇怪为什么会出现这种问题。
你好,请提供一下出现问题的机型