Question

如何直接在svg文件中导入D3.js脚本？

我试试这个

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

但是当我在浏览器中打开svg文件时，在同一文件中的另一个脚本中使用d3.select和其他d3函数的代码不起作用

Answer 1

您可以在独立的SVG文件中嵌入脚本，但语法与HTML不同。

对于嵌入式脚本，主要区别在于您必须将代码包装在XML“CDATA”块中：

<script type="application/ecmascript"> 
    <![CDATA[ /*script goes here*/]]> 
</script>

对于外部脚本，您使用xlink:href而不是src指定网址：

<script type="application/ecmascript" xlink:href="sample.es"/>

正如您所看到的，另一个区别是它们是指定脚本类型的方式。但是，类型规范是可选的，因为ECMAScript（标准Javascript）是默认值。