1

我有这个功能可以在画布上加载图像：

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

在函数的最后一行

4

1 回答 1

1

也许更好用：

document.getElementsByClassName('test');

并拥有您想要的特定共享课程的图像

于 2012-09-28T13:52:35.113 回答