最近研究SVG图,发现可以使用javascript。但SVG是XML,直接在里面写javascript会报错。
你需要加一个,不让XML解析的标识 <![CDATA[]]>。
<svg>
...
<script>
<![CDATA[
alert(233); // 这里面写javascript代码
]]>
</script>
</svg>以上类似的教程网上有不少,我主要想说:
有一点需要注意,这种js无法在<img>或background-image引用的时候运行,也就是如果SVG是个时钟,js控制着时分秒针的运动,那么这张SVG图被当做图片引用会变成一张静态图片。
评论区域将在可见后加载…