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到画布时，它被认为是不安全的内容，你将无法再读取位图。

使用jQuery在canvas中选择图像

2 个答案: