在SnapSVG中加载符号

Load a symbol in SnapSVG

本文关键字：符号 加载 SnapSVG      更新时间：2024-02-07

所以我刚刚遇到Snap SVG，我发现它支持通过AJAX加载.SVG文件。SnapSVG是否支持加载预定义的符号？例如，我在文档顶部有以下代码：

<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  <symbol id="idbar-menu-button" viewbox="0 0 31 23">
    <rect id="topRect" y="0" width="32" height="5"/>
    <rect id="midRect" y="9" width="32" height="5"/>
    <rect id="botRect" y="18" width="32" height="5"/>
  </symbol>
</svg>

是的，这是一个简单的汉堡包按钮。我想把它动画化。我切换到SVG的全部原因是为了避免不必要的HTTP请求。

Snap.svg的文档和我能找到的每个例子都表明，您需要通过http请求加载svg，而不是使用任何已经定义的符号。

是否有我在文档中找不到的函数，或者使用当前实现不可能做到这一点？

Snap.svg最近添加了对svg符号的支持（从版本0.4开始）。

相关文章：