SVG 蒙版未在页面上呈现答案

【问题标题】：SVG Mask not rendering on pageSVG 蒙版未在页面上呈现
【发布时间】：2020-05-18 19:26:40
【问题描述】：

我创建了一个简单的 SVG 星形图像并为其应用了蒙版。当我将代码放入 CodePen 时，它看起来应该是这样。当我在 W3 Schools 和 RapidTools.com 进行测试时也是如此，但是在我的网站上使用的 SVG 代码无法正确屏蔽。它根本不是掩蔽。这是我的 SVG：

   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256" width="256" height="256">
    
        <mask id="half" x="0" y="0">
        <rect fill="white" height="100%" width="36%" y="0"></rect>
      </mask>
    
        <path d="M167.55 84.26L256 97.79L192 163.38L207.11 256L128 212.26L48.89 256L64 163.38L0 97.79L88.45 84.26L128 0L167.55 84.26Z" id="b2cMUKCN2H" fill="#f3cc4a" mask="url(#half)"></path>
          <path d="M167.25 84.61L255 98.02L191.5 163.1L206.49 255L128 211.61L49.51 255L64.5 163.1L1 98.02L88.76 84.61L128 1L167.25 84.61Z" id="amyYzznmg" stroke="#9e9e9e" stroke-width="2" fill-opacity="0"></path>
    
      </svg>

我把这段代码放在几个测试站点，它在那里工作。我错过了什么吗？任何想法都会有所帮助。

干杯！

【问题讨论】：

标签： svg

【解决方案1】：

找出它是什么......

真的是……我在同一个页面上有几个 SVG 并且都使用了相同的 Mask ID。

干杯

【讨论】：