我可以訪問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>