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浏览器不在画布上阅读图像

回答

相关问题