Chrome瀏覽器不在畫布上閱讀圖像

我想讀取和加載圖像從JavaScript到HTML 5畫布元素。這在ubuntu mozilla和andriod移動瀏覽器中工作得很好，但ubuntu chrome不顯示圖像。我的代碼如下。Chrome瀏覽器不在畫布上閱讀圖像

function readImage() 
{ 
    var img = new Image(); 
    var c=document.getElementById("myCanvas"); 
    var ctx=c.getContext("2d"); 
    img.src = "img/1.jpg"; 
    img.onload = function() 
    {  
      ctx.drawImage(img,0,0); 
    };  
} 

window.onload = function(){ 
    readImage(); 
}

我在做一些事情不對，或只是鉻和我搞亂只是it..I的樂趣附有下面帆布和IMG元素的代碼。 enter image description here

來源

2013-08-27 Tharanga

鉻真的很爛latly。如此多的錯誤......即使IE現在也少了。 –

你在開發控制檯有任何錯誤嗎？對我來說，它在鉻（贏得7）。 http://jsfiddle.net/Kienz/bQ4T5/ – Kienz

不幸的是沒有錯誤。我在Ubuntu 13.04上工作 – Tharanga

您可能會遇到與某些版本（a known issue包括Windows 7上的版本27.0.1453.94 m）失敗的new Image相關的Chrome錯誤。

嘗試用下面的變通使用document.createElement()代替：

function readImage() { 

    var img = document.createElement('img'); // this will work in Chrome too 

    var c=document.getElementById("myCanvas"); 
    var ctx=c.getContext("2d"); 

    img.onload = function() {  
      ctx.drawImage(img,0,0); 
    }; 
    img.src = "img/1.jpg"; // put src after onload 
} 

window.onload = readImage;

來源

2013-08-28 05:29:41 K3N

Chrome瀏覽器不在畫布上閱讀圖像

回答

相關問題