使用 Firefox Quantum 67.0 时，我的 SVG 元素不再可点击

Question

我有一个 SVG 文件。有些元素可以点击，点击时可以从 JavaScript 文件调用函数。它与 Google Chrome、IE 和早期版本的 Firefox 完美配合。但是我不能让它在 Firefox 67 或更高版本上工作。我已经尝试将我的onmousedown功能更改为onclick. 我找到了一个网站来查看我的 SVG 文件。它也工作正常。这是一些代码：<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"     height="106.892mm"     viewBox="0 0 1370.4 484.8"     width="302.154mm">   <g fill="none" fill-rule="evenodd" stroke="black" stroke-linecap="square"      stroke-linejoin="bevel"      stroke-width="1">      <g clip-path="url(#clip464)" cursor="pointer" fill="green" fill-opacity="1"         onmousedown="parent.OpenPane('mGraph');"         opacity="1"         stroke="none"         stroke-opacity="0"         transform="matrix(1,0,0,1,392,262)">         <path d="M0,0 L30,0 L30,32 L0,32 L0,0 z" fill-rule="evenodd" vector-effect="none"/>      </g>   </g></svg>  编辑1：您可以在此站点上找到特定的代码脚本-> JSFiddle 链接！它按预期适用于 Google Chrome，但不适用于 Firefox v-69。

Answer 1

您有一个不存在的剪辑路径：clip-path="url(#clip464)"

在您的示例中没有带有 id clip464 的元素。

这是一个已知错误，但您可以通过删除无用属性来轻松解决它。