为啥HTML5canvas中drawImage()第一次加载只出现最后一个图，刷新就出现问题？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了为啥HTML5canvas中drawImage()第一次加载只出现最后一个图，刷新就出现问题？相关的知识，希望对你有一定的参考价值。
参考技术A 必须等到图片完全加载后才能对其进行操作， 浏览器通常会在页面脚本执行的同时异步加载图片。 如果试图在图片未完全加载之前就将其呈现到canvas 上，将不会显示任何图片. \\x0d\\x0a\\x0d\\x0a var img= new Image(); \\x0d\\x0a img.src = "bark.jpg"; \\x0d\\x0a \\x0d\\x0a // 图片加载完后，将其显示在canvas 上 \\x0d\\x0a img.onload = function () \\x0d\\x0a drawCanvas(); \\x0d\\x0a以上是关于为啥HTML5canvas中drawImage()第一次加载只出现最后一个图，刷新就出现问题？的主要内容，如果未能解决你的问题，请参考以下文章
[js高手之路] html5 canvas系列教程 - 图片操作(drawImage,clip,createPattern)
HTML5 Canvas drawImage 比例bug iOS
为啥context.drawImage();在火狐下不显示图像
drawimage()为啥appletview不能显示出图片来，一定要手动放大以下appletview，才能划出图片来