本文實例分析了HTML5中drawImage使用時遇到的問題及解決方法。分享給大家供大家參考。具體分析如下： 使用Image遇到的問題： 複製代碼代碼如下: <br /> $(function() {<br /> var jsCanv = document.getElementById("canv");<br /> var oCanv = jsCanv.getContext("2d");<br /> var img = new Image();<br /> img.src = "img. png";<br /> oCanv.drawImage(img, 220, 30); <br /> })<br /> 瀏覽器不支援 其實這種寫法是有錯誤的，實際上只要一刷新圖片就不顯示出來。要確保刷新正常顯示需要在Image onload的時候重繪一次才行。測試在chrome 19下會出現的問題。 解決方案 複製代碼代碼如下: <br /> $(function() {<br /> var jsCanv = document.getElementById("canv");<br /> var oCanv = jsCanv.getContext("2d");<br /> var img = new Image();<br /> img.src = "img.png";<br /> img.onload = function() {<br /> oCanv.drawImage(img, 220, 30); <br /> }<br /> })<br /> 瀏覽器不支援
