gpt4 book ai didi

javascript - SVG 由 Javascript 生成时不会加载

转载 作者:数据小太阳 更新时间:2023-10-29 04:41:10 27 4
gpt4 key购买 nike

<分区>

更新的问题,基于一个更简单的测试用例:

我有一个网站使用 <svg>由脚本生成的图形。图形中的东西充满了 svg 图案。到目前为止,还不错。

我现在添加一个 <pattern>使用 Javascript 将元素添加到图形中已有的模式。我可以很容易地做到这一点,使用类似 createElementNS 的方法, setAttributeappendChild .

SVG 图案元素如下所示:

<defs>
<pattern id="stripes" width="6" height="6" patternUnits="userSpaceOnUse">
<svg:path d="M 0 0 L 10 0 L 10 1 L 0 1 Z" fill="red" width="6" height="6" id="stripepimage"></svg:path>
</pattern>
</defs>

它们是这样使用的:

<path d="..." fill="url(#stripes)" />

现在:使用 Javascript 或浏览器控制台,我可以更改 <path>fill属性以使用不同的模式。这对从一开始就存在于页面中的所有模式都适用,但对于后来添加的模式。 SVG 代码本身很好;将其保存在 .svg 中并在同一浏览器中打开它可以完美地显示新模式。

为什么不能使用动态生成的模式?

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