Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery在画布中选择图像_Jquery_Canvas_Svg - Fatal编程技术网

使用jQuery在画布中选择图像

使用jQuery在画布中选择图像,jquery,canvas,svg,Jquery,Canvas,Svg,我有以下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图像。为此,我编写了以下代码$('s

我有以下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')
,但这不起作用

有人能帮我选择图像吗


非常感谢你的帮助

图像本身在DOM中不可用,您只是临时创建它以将其绘制到画布中。因此画布保存图像的内容,图像本身不在DOM中。尽管如此,您仍然可以使用
$(img)
控制图像,但此元素的任何操作都不会显示在任何地方。

画布只是包含图像数据的位图,没有内置的抽象概念,例如对象。你能做的就是在画布上读写。也就是说,只要没有不安全(即来自其他域)写入画布。不幸的是,在将SVG写入/绘制到画布时,它被认为是不安全的内容,您将无法再读取位图