Могу ли я получить доступ к объекту изображения в 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>