javascript - 是否可以将 SVG 作为 <svg> 标签导入而不复制粘贴 SVG 代码?

标签 javascript html svg

我有一个包含多个 SVG 的文件夹,我试图将所有这些都包含在我的 HTML 文件中。

我正在使用 paper.js 库来分析 SVG,据我所知它的唯一工作方式是使用 <svg>标签 - 因此使用 <object> 导入 svgs或<img>行不通。

我正在尝试找到一种系统的方法来执行此操作,这样我就不必从每个单独的文件(100 多个)中复制粘贴所有 SVG 代码。

你知道这是否可行吗? 您对潜在的替代方案有什么建议吗?

最佳答案

您使用的是 Windows、Mac 还是 Linux?

假设是 Windows,您不能将所有内容复制到一个文件中吗?例如:

copy *.svg index.html

然后编辑index.html,使其具有<html><body>标签等

SVG 文件只是文本,所以我认为您需要做的就是连接所有文件。

在 MacOS/Linux 中也很容易。我想你可以 cat将它们全部放入一个文件中,如下所示:

cat *.svg > index.html

但也许有一种更干净的方法。

关于javascript - 是否可以将 SVG 作为 <svg> 标签导入而不复制粘贴 SVG 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47586268/

相关文章:

javascript - 在 HTML 中将 Jquery UI 添加到 UL

html - ie7 中的流体设计错误

javascript - 添加中键淡出功能

javascript - 带矩形和文本换行的 D3 水平树布局

javascript - 是否可以直接使用 jquery 和 Svg(无插件)?

javascript - 无法在 IE9 中打印 Raphael 创建的 SVG 图像

javascript - 带有 jQ​​uery 和 textarea 的动态 if/else 语句

javascript - Cookie 代码在 Firefox 中失败

javascript - $index 中的 AngularJS 数字

javascript - 删除javascript中两个indexOf之间的字符串部分