Могу ли я получить доступ к объекту изображения в HTML 5?

Question

У меня есть пользовательский элемент управления изображением, который отображается следующим образом:

<img id="2344324_Img" />

Я получаю доступ к этому изображению в моем объекте HTML 5 canvas следующим образом:

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>