畫布圖像消失

我有這個功能加載在畫布上的圖像：畫布圖像消失

function myImage() { 
    var canvas=document.getElementById("myCanvas"); 
    var ctx=canvas.getContext("2d"); 
    var img=document.getElementById("image"); 
    ctx.drawImage(img,0,0); 
}

圖片加載罰款，並有在畫布上的其他圖像，但這種圖像，當我使用任何控制來移動或調整其他圖像，這一個消失。

加載圖像使用：

<img id="image" src="1.png" width="64" height="64" onclick="myImage(this)">

嗯，我更新的功能：

function myImage() { 
    var canvas=document.getElementById("myCanvas"); 
    var ctx=canvas.getContext("2d"); 
    var img=document.getElementsByClassName("test"); 
    ctx.drawImage(img,0,0); 
}

和圖像

<img class="test" src="1.png" width="64" height="64" onclick="myImage(this)"> 
<img class="test" src="2.png" width="64" height="64" onclick="myImage(this)"> 
<img class="test" src="3.png" width="64" height="64" onclick="myImage(this)">

，但我得到這個錯誤：

Uncaught TypeError: Type error 
myImage 
onclick

在功能

來源

2012-09-28 Tony Medina

所有的圖像具有相同的「形象」身份證？ –

不，其他圖像有不同的ID，並被其他函數調用 –

不知道你的整個代碼在做什麼，但我認爲每個元素應該是唯一的每個元素，是否有任何理由讓他們都具有相同的ID？ –

也許更好的最後一行使用：

document.getElementsByClassName('test');

，並有你想要的圖像與特定的共享類

來源

2012-09-28 13:52:35

畫布圖像消失

回答

相關問題