2

要素が形成されますが、Have this マークアップ内に存在するかのように

<g id="g-svg_el_obj921" style="top: 300px; left: 550px;">
  <circle r="95.12" fill="rgb(50, 149, 196)" class="some_class" id="svg_el_obj921" priority="4" position="300_550" cx="550" cy="300"></circle>
</g>

または要素にdiv要素を挿入する必要があるため、次のようにします。gcircle

$('g').each(function(){   
    var feel_el = document.createElementNS('http://www.w3.org/1999/xhtml', 'div');
    var $feel_el = $(feel_el);

    $(this).append($feel_el);
});

要素は形成されていますが、存在しないようです...誰か助けてくれますか?

4

1 に答える 1

5

すべての外部コンテンツは<foreignObject>、SVG の要素の子でなければなりません。さらに、<circle>要素はレンダリングされた子を持つことはできませんが、<g>要素は可能です。

したがって、最初に要素を作成し、<foreignObject>その要素に幅と高さを与えてから、要素を作成して<div>要素の子にするように関数を変更して<foreignObject>、このようなマークアップを作成する必要があります。

<g id="g-svg_el_obj921" style="top: 300px; left: 550px;">
  <circle r="95.12" fill="rgb(50, 149, 196)" class="some_class" id="svg_el_obj921" priority="4" position="300_550" cx="550" cy="300"></circle>
  <foreignObject width="100" height="100">
    <div>
    </div>
  </foreignObject>
</g>
于 2013-08-12T18:32:34.150 に答える