Выберите изображение на холсте с помощью 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';

После выполнения приведенного выше кода я бы хотел выбрать SVG-изображение с помощью jQuery. Для этого я написал следующий код $('svg'), но это не работает.

Может ли кто-нибудь помочь мне выбрать изображение?

Большое спасибо за вашу помощь!

Answer 1

Канва - это просто растровое изображение, содержащее данные изображения, здесь нет встроенных абстрактных понятий, таких как объекты.Что вы можете сделать, это написать и читать с холста.То есть до тех пор, пока небезопасные (то есть из других доменов) не будут записаны на холст.К сожалению, при записи / отрисовке SVG на холст, он ошибочно считается небезопасным контентом, и вы больше не сможете читать растровое изображение.

Answer 2

Само изображение недоступно в DOM, вы только что создали его временно, чтобы нарисовать на холсте. Таким образом, холст содержит содержимое изображения, а само изображение отсутствует в DOM. Тем не менее, вы можете удержать изображение, используя $(img), но любые манипуляции с этим элементом нигде не будут отображаться.