最近研究SVG图，发现可以使用javascript。但SVG是XML，直接在里面写javascript会报错。
你需要加一个，不让XML解析的标识：<![CDATA[ ]]>。

1
2
3
4
5
6
7
8
<svg>
	...
	<script>
		<![CDATA[
			alert(233); // 这里面写javascript代码
		]]>
	</script>
</svg>

以上类似的教程网上有不少，我主要想说：

有一点需要注意，这种js无法在<img>或background-image引用的时候运行，也就是如果SVG是个时钟，js控制着时分秒针的运动，那么这张SVG图被当做图片引用会变成一张静态图片。