Internet Explorer 11及更高版本:切换纯SVG中的点击互动性?

时间:2018-07-05 20:12:25

标签: internet-explorer svg internet-explorer-11

使用纯SVG(无Javascript等)时,是否有可能在Internet Explorer 11及更高版本上(没有任何其他浏览器插件)拥有用户单击 SVG,从而切换SVG另一部分的可见性?如果是这样,您能否创建一个证明这种可能性的MWE?我已经在网上浏览了好几个小时,但找不到任何东西。

最终目的是将此类SVG上传到Wikimedia Commons(禁止使用Javascript)。存在关于悬停的此类文件(请参见https://commons.wikimedia.org/wiki/Category:Interactive_SVG的示例),但据我所知,尚无此类文件对点击具有相同的作用>。

例如,

Here是通过单击具有交互性的文件,但不幸的是,它在Internet Explorer 11上不起作用

注意:很抱歉,我自己还无法提出MWE,到目前为止,我还无法找到使用哪种技术的线索。

1 个答案:

答案 0 :(得分:1)

这不可行。

显然,此要求涉及更改svg属性以响应用户操作。 SVG specsinteractivity上有一个小节,其中详细说明了事件支持(列表由subsection 16.2改编自上述规范):

  • 已注册的事件处理程序(不适用,需要JS实现)
  • 一般情况下元素的事件属性(不适用,需要JS实现)
  • 动画元素上的事件属性

动画元素根据SMIL specs,特别是timing events以声明的方式(即,无需用户编码)定义动态行为。实际上,这是示例cited in the question所采用的方法。

不幸的是,IE11的渲染引擎Trident在此处失败,not supporting animation elements

更新

CSS animations不在这里,因为它们not supported by IE 11 either

无论如何,在不使用JS事件处理的情况下,AFAIK CSS动画无法提供一种响应用户操作来触发它们的方法。