我需要從DOM中以前加載的圖像創建一個畫布元素。我怎樣才能做到這一點與JavaScript?Javascript DOM圖像到畫布
我的圖像來源位於另一臺服務器上。因此,我有跨域問題...
在此先感謝!
我需要從DOM中以前加載的圖像創建一個畫布元素。我怎樣才能做到這一點與JavaScript?Javascript DOM圖像到畫布
我的圖像來源位於另一臺服務器上。因此,我有跨域問題...
在此先感謝!
所以我創建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演示如何從其他網站加載圖像..
是的,但這不會「污染」畫布?我可以使用我已經加載到DOM中的圖像嗎?我需要在加載後調用getImageData()。感謝你的回答! – nicomonjelat 2013-02-28 11:56:29
我很抱歉,我不明白你的問題。如果你的圖像已經在DOM上,那你爲什麼要面對跨域問題?另外getImageData()是一個函數引用的地方? – Shouvik 2013-02-28 14:10:39
Here 只是通過drawImage
圖像對象。
感謝aswer。在另一個答案中,我有同樣的問題。我無法在圖像服務器中設置Access-Control-Allow-Origin標題,因此畫布受到污染。而我不能使用getImageData()。謝謝 ! – nicomonjelat 2013-02-28 12:00:34
你有沒有閱讀[MDN上的畫布圖像教程](https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial/Using_images)? – epascarello 2013-02-26 20:03:15