畫布中選擇圖像與jQuery

Question

我有以下的JavaScript代碼：

var canvas = document.getElementsByTagName('canvas')[0]; 
var ctx = canvas.getContext('2d'); 
var img = new Image; 
var x; 
img.onload = function(){ ctx.drawImage(img,0,0); }; 
img.src='img.svg'; 

上面的代碼執行後，我想選擇與jQuery的SVG圖像。爲此，我編寫了以下代碼$('svg')，但這不起作用。

有人可以幫助我，讓我可以選擇圖像嗎？

非常感謝您的幫助！

Answer 1

圖像本身在DOM中不可用，您只是暫時創建它以將其繪製到畫布中。因此，畫布保存圖像的內容，圖像本身不在DOM中。儘管如此，您仍然可以使用$(img)來獲得圖像的保留，但對此元素的任何操作都不會顯示在任何地方。

Answer 2

畫布只是一個包含圖像數據的位圖，沒有內置的抽象概念，如對象。你可以做的是寫入和讀取畫布。也就是說，只要沒有不安全（即從其他域）被寫入畫布。不幸的是，當寫入/繪製SVG到畫布時，它的錯誤被認爲是不安全的內容，您將不再能夠讀取位圖。