画布中选择图像与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到画布时，它的错误被认为是不安全的内容，您将不再能够读取位图。