小程序
小游戏
企业微信
微信支付
扫描小程序码分享
更新了最新的微信开发者工具后，每次调用window.requestAnimationFrame，去更新图片的src值时，图片无法正常显示。 这是什么原因？有什么替代方案吗、？
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
//实现游戏帧循环
loop() {
this.render();
window.cancelAnimationFrame(this.animationFrame);
this.animationFrame = window.requestAnimationFrame(
this.loop.bind(this),
canvas
);
}
//视图渲染
render() {
if(!this.visible) return;
//更新数据
this.updateDataInfo();
//绘制蒙层背景
if(this.mask){
this.ctx.globalAlpha = 0.8;
this.ctx.fillStyle = '#000000';
this.ctx.fillRect(0, 0, innerWidth, innerHeight);
this.add(this.toolImg);
updateDataInfo(){
this.toolImg.ctx.drawImage(this.img, this.x, this.y, this.width, this.height);
注：每次render的时候，我会重置this.toolImg的图片路径，在新版本的微信开发者工具中图片就会显示不出来，还会报503的错误，我回退到老版本的开发者工具是没问题的。（以上代码是略作修改的伪代码，但大概是这个意思）
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
给个代码片段吧
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
//实现游戏帧循环
loop() {
this.render();
window.cancelAnimationFrame(this.animationFrame);
this.animationFrame = window.requestAnimationFrame(
this.loop.bind(this),
canvas
);
}
//视图渲染
render() {
if(!this.visible) return;
//更新数据
this.updateDataInfo();
//绘制蒙层背景
if(this.mask){
this.ctx.globalAlpha = 0.8;
this.ctx.fillStyle = '#000000';
this.ctx.fillRect(0, 0, innerWidth, innerHeight);
}
this.add(this.toolImg);
}
//更新数据
updateDataInfo(){
this.toolImg.ctx.drawImage(this.img, this.x, this.y, this.width, this.height);
}
注：每次render的时候，我会重置this.toolImg的图片路径，在新版本的微信开发者工具中图片就会显示不出来，还会报503的错误，我回退到老版本的开发者工具是没问题的。（以上代码是略作修改的伪代码，但大概是这个意思）
给个代码片段吧