Javascript 我可以访问HTML5中的图像对象吗？

我有一个自定义图像控件，它的渲染方式如下

<img id="2344324_Img" />

---

这是正确的方法吗？

如果标记中已经有

标记，并且打算使用

getElementById（）

访问它，则无需调用

新图像（）

：

//我不需要这个。。。
//var imgOne=新图像（）；
//相反，只要做：
var imgOne=document.getElementById（'2344324_Img'）；
imgOne.onload=函数（）{
…一些代码
canvas.drawImage（这个，20，20）；
//应该可以通过'this'或'imgOne'访问`
//画布.drawImage（ImGoe，20,20）；
}

如果标记中已经有了

标记，并且打算使用

getElementById（）

访问它，则无需调用

新图像（）

：

//我不需要这个。。。
//var imgOne=新图像（）；
//相反，只要做：
var imgOne=document.getElementById（'2344324_Img'）；
imgOne.onload=函数（）{
…一些代码
canvas.drawImage（这个，20，20）；
//应该可以通过'this'或'imgOne'访问`
//画布.drawImage（ImGoe，20,20）；
}

小心使用大写字母的ID；css并不总是这样。小心使用大写字母的ID；css并不总是这样。

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

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

<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>