本文主要介绍了HTML5 drawImage使用分析和实际应用中出现的问题和解决方案，分析了错误代码和修改代码，并加深对HTML5的具体应用的理解。





本文分析了在DrawImage HTML5使用时遇到的问题及解决方法。分享给你供你参考。具体分析如下：

图像遇到的问题：

复制代码代码如下所示：






$（函数（）{（））
无功jscanv = document.getelementbyid（CANV ）；
无功ocanv = jscanv.getcontext（2D）；
VaR img =新的图像（）；
img.src =IMG。png；
OCanv.drawImage（IMG，220, 30）；
}）




浏览器不支持




事实上，这种写作方法其实是错误的，只要刷新图片不显示。确保刷新正常显示需要重画一次图像onload。试验发生在Chrome 19，将存在的问题。

解决方案

复制代码代码如下所示：






$（函数（）{（））
无功jscanv = document.getelementbyid（CANV ）；
无功ocanv = jscanv.getcontext（2D）；
VaR img =新的图像（）；
img.src =IMG。png；
img.onload =函数（）{
OCanv.drawImage（IMG，220, 30）；
}
}）




浏览器不支持




希望本文能对大家的HTML5程序设计有所帮助。