Question

所以我刚遇到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，而不是使用已在某处定义的任何类型的符号。

我在文档中找不到某个功能，或者使用当前的实现是不可能的？

Answer 1

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

在SnapSVG中加载符号

1 个答案: