2

是否可以将 div 放入 svg 形状中？这是我正在尝试做的一个例子：

    <!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>

第二个<div>没有显示，这是否可行？

4

1 回答 1

3

<rect>元素不能有一个<foreignObject>元素作为子元素。您必须使该<foreignObject>元素成为以后的同级元素并将其定位在 rect 元素的顶部。

于 2012-10-31T14:37:39.040 回答