剪辑SVG文本掩码

时间:2015-07-14 18:20:05

标签: svg mask snap.svg

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

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

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

  • 为遮罩设置以下属性

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

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

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

0 个答案:

没有答案