2

SVG シェイプ内に div を配置することは可能ですか? これが私がやろうとしていることの例です:

    <!DOCTYPE html>
    <html>
        <body xmlns="http://www.w3.org/1999/xhtml">
            <svg id="main" xmlns="http://www.w3.org/2000/svg" version="1.1">
                <foreignObject x="10" y="10" width="100" height="150">
                    <div>I'm a div in an svg</div>
                </foreignObject>
                <rect fill="red" stroke="darkred" class="box" x="90" y="90" rx="20" ry="20" width="320" height="320" id="box_0">
                    <foreignObject width="100" height="50">
                        <body xmlns="http://www.w3.org/1999/xhtml">
                            <div>Hi, I'm a div inside a shape!! I don't work :(</div>
                        </body>
                    </foreignObject>
                </rect>
            </svg>  
        </body>
    </html>

2番目<div>は表示されません。これは何とか実行できますか?

4

1 に答える 1

3

<rect>要素は、要素を子として持つことはできません<foreignObject>。<foreignObject>要素を後の兄弟にして、rect 要素の上に配置する必要があります。

于 2012-10-31T14:37:39.040 に答える