html 5 canvas绘制图片不能显示(需要重新加载地址栏enter才...

[复制链接]
查看: 930   回复: 0

307

主题

307

帖子

1714

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1714
2023-3-10 17:22:39   显示全部楼层   阅读模式  

微信截图_20230310172408.png

应该是canvas第一次绘图的时候图片还没来得及加载
修改:
1. canvas 的绘制方法不要放在jquery 的 ready方法里, 移入到body 的onload方法中;
2. canvas img直接绘制不要放在img对象的onload中,如下
/* dirImg.οnlοad=function(){
ctx.drawImage(dirImg, x2, y2);
}; */
ctx.drawImage(dirImg, x2, y2);
3. 在html中强制载入图片一次, 如下

<!-- 强制加载一次所需要的图片,防止第一次没有图片的情况 -->
<div style="display: none">
<img alt="red" src="${basePath}/resource/image/warning_yellow.png"/>
<img alt="red" src="${basePath}/resource/image/warning_red.png"/>
</div>
————————————————
版权声明:本文为CSDN博主「gongzixiang」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/gongzixiang/article/details/84712706

回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司