位置: 首頁 > 設計 > 網頁設計

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

2014-10-16 網頁設計
  HTML5中drawImage使用時遇到的問題及解決方法

使用Image遇到的.問題:

$(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程式設計有所幫助。

標籤:html5 drawImage
2017-05-14
2018-06-18
2014-12-10
2018-06-06
2016-12-17
2017-08-26
2016-10-26
2014-11-03
2016-02-16
2017-02-10

Copyright ©2024 才華齋 All Rights Reserved.