0

为了保持代码干净，我试图将我的脚本代码放在 script.js 中，将我的 SVG 代码放在 svg.svg 中。此外，我将这些文件包含在我的 html 中，但 javascript 根本没有运行。有什么方法可以实现这一点，还是我必须使用以下方法将 javascript 嵌入到 SVG 代码中：

<script>
<![CDATA[
 ...
// ]]>
</script>

我当前的 html 代码以这种方式包含 javascript 和 svg：

<embed src="svg.svg" type="svg+xml"></embed>

和

<script type="text/javascript" xlink:href="script.js"></script>
4

1 回答 1

0

所以我通过反复试验学到了一些东西。虽然我确信大多数人可能已经知道这一点，但我正在自己学习这一点，这对我来说是一个很大的认识。出于某种原因，文档并不像人们期望的那样全面。

  1. <![CDATA[脚本开头和结尾处的标记// ]]>并不是真正需要的。脚本可以放在 svg 标签之外。我相信，如果您在标签中放置代码，您可能需要包含这些标识符。

  2. svg 文件可以通过这种方式包含 js 文件：

    <script type="text/javascript" xlink:href="script.js"></script>

  3. 像往常一样，svg 中的元素可以很容易地通过 id 引用。只需提供一个 id 然后使用document.getElementById()

  4. 另一个有趣的发现是 O Reily 关于 SVG 的书位于：http ://commons.oreilly.com/wiki/index.php/SVG_Essentials 有时会使用一些无法正确运行的旧语法。所以小心。

于 2013-07-31T18:48:17.977 回答