最近研究SVG图,发现可以使用javascript。但SVG是XML,直接在里面写javascript会报错。

你需要加一个,不让XML解析的标识 <![CDATA[]]>

<svg>
  ...
  <script>
    <![CDATA[
      alert(233); // 这里面写javascript代码
    ]]>
  </script>
</svg>

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

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

评论区域将在可见后加载…