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

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

　　使用Image遇到的'問題：

　　$(function() {

　　var jsCanv = document.getElementById("canv");

　　var oCanv = jsCanv.getContext("2d");

　　var img = new Image();

　　img.src = "img.png";

　　oCanv.drawImage(img, 220, 30);

　　})

　　瀏覽器不支持

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

　　解決方案

　　$(function() {

　　var jsCanv = document.getElementById("canv");

　　var oCanv = jsCanv.getContext("2d");

　　var img = new Image();

　　img.src = "img.png";

　　img.onload = function() {

　　oCanv.drawImage(img, 220, 30);

　　}

　　})

　　瀏覽器不支持

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

【HTML5中drawImage使用時遇到的問題及解決方法】相關文章：

我國企業管理溝通中存在的問題及解決方法03-03

國學教育存在的問題與解決方法01-13

U盤硬盤在使用中可能會遇到的問題與解決辦法07-16

CAD里的常見問題及解決方法07-19

聲樂學習常見問題及解決方法06-03

遇到這些問題可以直接跟駕校投訴02-27

關于雙硬盤出現的問題和解決方法05-15

無法識別大硬盤問題及解決方法07-16

企業內部溝通的問題及解決方法04-02

中走絲線切割機床四種常見問題的解決方法09-21