SVG <text>正在被切断

Question

见小提琴：

https://jsfiddle.net/dgt26upk/

文本不会被<svg />元素截断。它似乎是基于实际<text />元素的任意切割。

有没有办法解决这个问题，可能使用过滤器（剪辑蒙版）并使用<rect />而不是<text />元素？或者有更简单的方法吗？

Answer 1

<filter />似乎允许您指定x，y，width，height。

所以，如果我想要一个巨大的扩张，我必须确保使用负x，y和一个大的宽度，高度。

https://jsfiddle.net/dgt26upk/5/