HTML<；部门>；内部SVG形状_Html_Svg

HTML<；部门>；内部SVG形状

html svg

HTML<；部门>；内部SVG形状,html,svg,Html,Svg,是否可以在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

是否可以在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>


我是svg中的一个部门
嗨，我是一个形状里面的一个div！！我不工作：(

第二个

没有显示，这是否可行？

一个

元素不能有一个
元素作为子元素。你必须使
元素成为以后的同级元素，并将其定位在rect元素的顶部。
第一件事，删除标记中的标记，然后重试。但是要回答你的问题，我不知道。