画布上的SVG蒙版仍然不适用于FF

Question

对于网站，我试图将一个掩码添加到processing.js画布中。在Chrome中它可以工作，我有一个使用SVG的响应式掩码。但是在Firefox中我所有的画布都消失了。我知道Firefox中有剪贴蒙版的问题，但据我所知，现在可以在FF上使用剪贴图了。所以我不知道问题是什么。

这是我的代码：

HTML：

3

CSS：

 <canvas class=" processing-intro" data-processing-sources="intro.pde"></canvas>

 <div class="svg-container">
  <svg width="100%" >
   <defs>
    <clipPath id="clipping"  >
     <rect  class="col-12 rect-cache" width="1280" height="35vw" />
    </clipPath>
   </defs>
  </svg>
 </div>

有什么想法吗？谢谢！