HTML5中drawImage使用時遇到的問題及解決方法

  HTML5中drawImage使用時遇到的問題及解決方法

使用Image遇到的.問題:

HTML5中drawImage使用時遇到的問題及解決方法

$(function() {

var jsCanv = lementById("canv");

var oCanv = ontext("2d");

var img = new Image();

= "img.png";

Image(img, 220, 30);

})

瀏覽器不支持

其實這種寫法是有錯誤的,實際上只要一刷新圖片就不顯示出來。要想保證刷新正常顯示需要在Image onload的時候重繪一次才行。測試在chrome 19下會出現的問題。

解決方案

$(function() {

var jsCanv = lementById("canv");

var oCanv = ontext("2d");

var img = new Image();

= "img.png";

ad = function() {

Image(img, 220, 30);

}

})

瀏覽器不支持

希望本文所述對大家的html5程序設計有所幫助。