使用纯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,到目前为止,我还无法找到使用哪种技术的线索。
答案 0 :(得分:1)
这不可行。
显然,此要求涉及更改svg属性以响应用户操作。 SVG specs在interactivity上有一个小节,其中详细说明了事件支持(列表由subsection 16.2改编自上述规范):
动画元素根据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动画无法提供一种响应用户操作来触发它们的方法。