Javascript DOM圖像到畫布

我需要從DOM中以前加載的圖像創建一個畫布元素。我怎樣才能做到這一點與JavaScript？Javascript DOM圖像到畫布

我的圖像來源位於另一臺服務器上。因此，我有跨域問題...

在此先感謝！

2013-02-26 nicomonjelat

你有沒有閱讀[MDN上的畫布圖像教程]（https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial/Using_images）？ – epascarello 2013-02-26 20:03:15

所以我創建this fiddle演示瞭如何加載圖像，跨域然後顯示在畫布上..

var canvas = document.getElementById('myCanvas'); 
    var context = canvas.getContext('2d'); 
    var imageObj = new Image(); 

    var img = new Image(); 
    img.onload = function(){ 
     context.drawImage(img, 69, 50); 

    } 
    img.src="http://indianautosblog.com/wp-content/uploads/2013/01/2014-Ferrari-F150-Enzo-successor-rendered.jpeg";

這個JS演示如何從其他網站加載圖像..

來源

2013-02-26 20:44:41 Shouvik

是的，但這不會「污染」畫布？我可以使用我已經加載到DOM中的圖像嗎？我需要在加載後調用getImageData（）。感謝你的回答！ – nicomonjelat 2013-02-28 11:56:29

我很抱歉，我不明白你的問題。如果你的圖像已經在DOM上，那你爲什麼要面對跨域問題？另外getImageData（）是一個函數引用的地方？ – Shouvik 2013-02-28 14:10:39

Here 只是通過drawImage圖像對象。

來源

2013-02-26 20:04:04

感謝aswer。在另一個答案中，我有同樣的問題。我無法在圖像服務器中設置Access-Control-Allow-Origin標題，因此畫布受到污染。而我不能使用getImageData（）。謝謝！ – nicomonjelat 2013-02-28 12:00:34

Javascript DOM圖像到畫布

回答

相關問題