Javascript 如何在SVG中从形状剪切文本？

我有一个SVG文件，如下所示：

有没有办法使文本透明？也就是说，我不想使用填充色，而是要剪切图层并显示背景中的内容（SVG，即SVG下面的内容）。换句话说，使路径和文本的交点透明

SVG文件的内容：

<svg width="36.087" height="34.314" viewBox="0 0 36.087 34.313999" x="1190.56" y="753.5780000000001">
    <path fill="#63a95c" d="M36.087 13.107l-13.305-.66L18.047 0l-4.742 12.446L0 13.106l10.377 8.352L6.89 34.314l11.157-7.285 11.14 7.284-3.475-12.856" fill-rule="evenodd"/>
    <text font-size="10px" x="10.498" y="23.484" fill="#ffffff" fill-opacity="1" font-family="OpenSans-Bold">8.5</text>
</svg>

8.5

我尝试更改文本元素的透明度，但这只会影响文本。SVG中的文本是动态填充的变量，因此我无法“预处理”SVG文件。是否有一种方法可以使用偶数填充或类似的方法来创建交叉点的“排除”？是否可以使用其中一个SVG JS库，如snap.SVG或SVG.JS

编辑： 最终的SVG应该如下所示：

---

上面发布的SVG代码用于星形和文本。最终的SVG应该具有通过文本显示的背景色，同时保留星形的外部形状

创建一个遮罩，通过文本元素将文本放入其中，然后在要剪裁孔的形状上使用遮罩。像这样的

头部、身体{
宽度：100%；
身高：100%；
}

9

这将从星号中剪切文本，剩下的文本将只保留其余的星号。我只想保留星号，使Inkscape中的文本透明，就像“排除”选项一样。