4

私は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')て画像が見つかり、選択できますが、それでも..表示されません。この問題を調査しようとしましたが、何も見つかりませんでした。私は何を間違っていますか??

4

3 に答える 3

3

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);
于 2012-04-19T20:31:51.733 に答える
1

コードで$('g')を保持している に幅と高さを割り当てるのはどうですか?$img

于 2012-04-19T20:19:55.617 に答える
0

問題を解決する jQuery プラグインを見つけましたjQuery.svg

画像を含むさまざまな形状を描画する方法がいくつかあります。

ネイティブJavaScriptを使ってdomノードを作ることで画像を追加しているようです..そして動作します

于 2012-04-22T15:21:28.100 に答える