javascript - 使用 javascript 和 jquery 将图像添加到 svg 文件

Question

我正在尝试将图像添加到 SVG 文件..我试过这段代码::

drawImage : function(src, x, y, h, w) {
        var img = document.createElementNS("http://www.w3.org/2000/svg", "image");
        var $img = $(img);
        $img.attr('x', x);
        $img.attr('y', y);
        $img.attr('width', w);
        $img.attr('height', h);
        $img.attr('xlink:href', src);
        $('g').append($img);
    }

但是图像没有出现。当我选择所有图像时.. 使用 $('image') 我找到了图像，我可以选择它，但仍然.. 它不可见。我试图调查这个问题，但一无所获。我做错了什么？？

Answer 1

您可以使用setAttributeNS 方法:

var img = document.createElementNS('http://www.w3.org/2000/svg','image');
img.setAttributeNS(null,'height','200');
img.setAttributeNS(null,'width','200');
img.setAttributeNS(null,'id','theID');
img.setAttributeNS('http://www.w3.org/1999/xlink','href','src');
img.setAttributeNS(null,'x','0');
img.setAttributeNS(null,'y','0');
$('#g').append(img);