Question

很抱歉，如果我没有以正确的方式解决这个问题。我试图将HTML嵌入SVG形状，并尝试将HTML与形状对齐。

这是我的代码：

<svg xmlns = "http://www.w3.org/2000/svg" class="shape1" width="200" height="200" style="margin-top:-100px;">
                            <circle cx="100" cy="50" r="100"  fill="white">


                            </circle>
                            <foreignObject x="0" y="80" width="100%" height="100%">
                                <body xmlns="http://www.w3.org/1999/xhtml">
                                    <div>
                                     <h3 style="font-family:'myriad Pro' ">HOME</h3>
                                    </div>
                                </body>
                             </foreignObject>

                        </svg>

目前，我必须手动完成，但Chrome和Firefox似乎并不一致。

将内部HTML嵌入到SVG中，并居中对齐

0 个答案: