【问题标题】:The second svg statement will not render第二个 svg 语句将不会呈现
【发布时间】:2017-12-06 05:47:15
【问题描述】:

我相信这是重复的,但无论我做什么,它总是无法加载第二对 svg 标签。编辑:这不会正确显示在代码块或整个问题中,所以这里是:Pastebin: SVG Error

link : jiLwDp4A I'm not really sure what to put here, I just joined.

【问题讨论】:

    标签: html svg


    【解决方案1】:

    您有重复的id 属性(“一”和“二”)。 ID必须在文档中是唯一的。

    考虑您的begin="0s; two.end"。浏览器应该在这里使用哪个<animate> 元素和id="two"

    更改第二个 SVG 以使用不同的 id 属性。

    【讨论】:

    • sigh 我更改了第二个,但它似乎仍然无法正常工作。 <animate id="three" begin="0s; four.end" attributeName="stroke-dashoffset" from="1000" to="0" dur="4s" fill="freeze" /> <animate id="four" begin="three.end" attributeName="stroke-dashoffset" from="0" to="1000" dur="4s" fill="freeze" />
    • 那么也许这不是问题所在。两个 SVG 都适合我。 jsfiddle.net/yr35sj9x
    • 很奇怪。这是完整的来源。 View Source: 编辑:源代码在 js fiddle 中工作。即使没有 javascript 依赖项。
    • 该 pastebin 链接已损坏。
    • 这很尴尬。谢谢你挂在虽然。该链接现在应该可以工作了。 View Source:
    猜你喜欢
    • 1970-01-01
    • 2016-07-19
    • 2018-09-26
    • 2021-08-04
    • 1970-01-01
    • 1970-01-01
    • 2014-08-03
    • 2019-03-10
    • 2010-10-28
    相关资源
    最近更新 更多