canvas 的 drawImage方法问题
发布于 5 年前 作者 yan35 566 次浏览 来自 问答

iOS设备下（iphone7），小程序里canvas 的 drawImage方法最多只能连续调用两次，安卓机上却没有这个问题，求解？【在做一个canvas动画遇到的，中间的可视区圆不断扩大】

5 回复

还有发现 cover-image 组件不支持gif !!!

定时执行drawArcCanvas，在iOS下，只执行了两次，就不执行了，

麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题

代码片段是一种可分享的小项目，可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题等等。分享代码片段会得到一个链接，所有拥有此分享链接的人可以在工具中导入此代码片段。如果网页可点击的链接指向的是分享链接，那么点击链接也会自动打开工具进入代码片段导入页。

你上面提供的不是代码片段呢，请按照文档指引提供代码片段

var _it = setInterval(()=>{

    if(_r>=_R){

        clearInterval(_it);

        return

    }

    this.drawArcCanvas(_r, _oW, _oH, _gW, _gH);

    _r+=5;

    },25)

},

drawArcCanvas(r, _oW, _oH, _gW, _gH){

    ctx.save();

    ctx.beginPath();

    ctx.arc(_gW / 2, _gH / 2, r, 0, Math.PI * 2);

    ctx.closePath();

    ctx.clip();

    ctx.drawImage(_tempFile2, 0, 0, _oW, _oH, 0, 0, _gW, _gH);

    ctx.restore();

    ctx.draw(true);

}

回到顶部