gpt4 book ai didi

javascript - 组中的 D3 路径不显示在 Firefox 中,仅显示在 Chrome 中

转载 作者:行者123 更新时间:2023-12-03 07:30:43 24 4
gpt4 key购买 nike

我有以下内容 - 我已经修改了一段时间,但我似乎无法在 Firefox 中找到显示的路径。有谁知道为什么吗?圆圈出现。 Firefox 代码检查器也将其大小设置为 0x0。

<g transform="translate(85 460)" class="avatar">
<circle cy="0" cx="0" r="6" class="base"></circle>
<path transform="translate(0, 0) rotate(0) scale(1)" fill="black" d="M 0,0, L 0,8, L 10,0 Z"></path>
<circle cy="0" cx="0" r="3" class="dot"></circle>
</g>

任何帮助将不胜感激。

编辑:完整的 svg:

<svg style="border: 1px solid black;" height="500" width="500">
<image height="500" width="500" y="0" x="0" xlink:href="image.jpg"></image>
<path style="opacity: 1;" d="M85,460Q81,150,85,110C91,49.99999999999999,113,60,125,60S162.75,77,165,110S131,250,140,280S204,305.5,225,310S268.75,322,280,310S291,254,300,230S328,150,340,150S371,209,380,230S394.75,278,400,290S410.5,307,415,310S424,310,430,310S449.75,307,455,310S463.5,324,465,330S465,338.75,465,350Q465,357.5,465,405" class="path selected"></path>
<path d="M110,395L380,395" class="path"></path>
<g transform="translate(85 460)" class="avatar">
<circle cy="0" cx="0" r="6" class="base"></circle>
<path transform="rotate(0) scale(1)" fill="black" d="M 0,0, L 0,8, L 10,0 Z"></path>
</g>
</svg>

最佳答案

the SVG specification如果路径中出现逗号,则其两侧必须有一个数字。

您的路径无效,Firefox 渲染的路径正确。我不知道 Chrome 是否存在此路径渲染无效的错误,如果没有,您可以创建一个。

要让您的路径在 FF 中工作,请删除杂散逗号:

<path transform="rotate(0) scale(1)" fill="black" d="M 0,0 L 0,8 L 10,0 Z"></path>

关于javascript - 组中的 D3 路径不显示在 Firefox 中,仅显示在 Chrome 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35810066/

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