當前位置:才華齋>設計>網頁設計>

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

網頁設計 閱讀(7.95K)
  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程式設計有所幫助。