gpt4 book ai didi

html - svg 中的文本路径在 IE 中不起作用?

转载 作者:太空宇宙 更新时间:2023-11-03 17:33:59 24 4
gpt4 key购买 nike

我看到 IE 显示与 firefox、chrome、safari 不同......

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="700" width="1300">
<defs>
<path id="defsPath0" transform="translate(0, 0)" d="M-25,12 L75,12 M-25,32 L75,32 M-25,52 L75,52 M-25,72 L75,72" />
<path id="defsPath1" transform="translate(0, 20)" d="M-25,12 L75,12 M-25,32 L75,32 M-25,52 L75,52 M-25,72 L75,72" />
<path id="defsPath2" transform="translate(0, 40)" d="M-25,12 L75,12 M-25,32 L75,32 M-25,52 L75,52 M-25,72 L75,72" />
<path id="defsPath3" transform="translate(0, 60)" d="M-25,12 L75,12 M-25,32 L75,32 M-25,52 L75,52 M-25,72 L75,72" />
</defs>
<g>
<text x="0" y="0" font-family="MS UI Gothic" font-size="15" style="" fill="rgb(0, 0, 0)" fill-rule="nonzero" transform="matrix(1,0,0,1,200,20)">
<textPath id="textPath_0_0" xlink:href="#defsPath0">1</textPath>
<textPath id="textPath_0_1" xlink:href="#defsPath1">2</textPath>
<textPath id="textPath_0_2" xlink:href="#defsPath2">3</textPath>
<textPath id="textPath_0_3" xlink:href="#defsPath3">4</textPath>
</text>
</g>

使用 Firefox、chrome:
<强>1
2
3
4

但是 IE:
<强>1
234

请帮帮我!非常感谢!

最佳答案

I use javascript make to svg !

那么您应该也向我们展示了您的 Javascript。

但是我怀疑我知道问题出在哪里。我猜您正在使用 createElement() 来创建您的 SVG 元素。您需要使用 createElementNS():

document.createElementNS(""http://www.w3.org/2000/svg", "textPath");

关于html - svg 中的文本路径在 IE 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30050113/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com