剪辑SVG文本掩码

Question

我正在尝试使用文本作为掩码，并且它在大多数情况下都有效。但是，文本的最后部分被剪掉了。我很确定这是一个webkit错误 - 这个错误只出现在Chrome和Safari中，而不是Firefox中。

我有一个例子here。最初，文本呈现为SVG <text>元素，它看起来应该如此。用户点击后，我会将其转换为<mask>，然后，如您所见，文本末尾将被截断。

我尝试了一些修复，无济于事，包括

• 为遮罩设置以下属性

  "maskUnits": "userSpaceOnUse", "maskContentUnits": "userSpaceOnUse"

• 给面具一个巨大的视口
• 将遮罩文字宽度和高度设置为100％

这些都不起作用。我非常有信心这是一个浏览器错误，但我想知道是否有人知道它有任何修复。