使用 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 的元素。这是一个已知错误，但您可以通过删除无用属性来轻松解决它。