好的,我尝试了一些方法来创建自己的文件。不幸的是,OP 中查看 SVG 精灵文件格式示例的链接只是一个空白页面,无法加载。所以我只能凭感觉来做了。我在 Illustrator 中创建了两个 SVG 文件,导出后放入 Chrome 浏览器,通过“检查元素”获取路径文件信息。
我使用的是 Mac,所以用文本编辑(TextEdit)打开,将我认为应该包含在精灵文件中的信息复制进去,然后将文件扩展名改为 .svg。接着将其上传到主题中,并将 JS 代码添加到头部。
同样,我不确定这样做是否正确,而且我相当确定它不正确,因为当我预览网站主题时,它完全崩溃了。我收到了“哎呀”错误:“驱动此讨论论坛的软件遇到了意外问题。”在我删除上传的图标精灵 SVG 文件并等待一段时间后,网站又正常加载了。
以下是文件中的 SVG 信息和 JSON 代码。
谢谢!
如果有人愿意查看,这是 Google Drive 上的精灵文件链接:Drive
以及代码:
