可以根据用户操作制作SVG图像。 SVG支持指针事件，键盘事件和文档事件。考虑以下示例。

例

testSVG.htm

   
      
      
Sample Interactivity
      
      
   
   

讲解

• SVG支持JavaScript / ECMAScript函数。脚本块要在CDATA块中考虑XML中字符数据的支持。

• SVG元素支持鼠标事件，键盘事件。我们已经使用onClick事件来调用javascript函数。

• 在javascript函数中，document表示SVG文档，可用于获取SVG元素。

• 在javascript函数中，事件表示当前事件，可用于获取引发事件的目标元素。

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像，而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。单击每个文本和矩形以查看结果。