我可以在HTML 5中访问图像对象吗？

Question

我有一个像这样渲染的自定义图像控件

<img id="2344324_Img" />

我在我的HTML 5画布对象中访问此图像，如下所示：

var imgOne = new Image();
imgOne = document.getElementById('2344324_Img');
imgOne.onload = function() {
  // ..some code

  canvas.drawImage(this, 20, 20);
};

这是正确的方法吗？

Answer 1

如果您已在标记中使用<img>标记并打算使用getElementById()访问它，则无需调用new Image()：

<img id="2344324_Img"/>

<script type='text/javascript'>
// Don't need this...
//var imgOne = new Image();

// Instead just do:
var imgOne = document.getElementById('2344324_Img');
imgOne.onload = function() {
  ..some code
  canvas.drawImage(this, 20, 20);

  // Should be accessible either via `this` or `imgOne`
  //canvas.drawImage(imgOne, 20, 20);
}
</script>