可以在tspan元素上使用svg剪辑路径属性

Question

即使经过大量搜索，我也无法在网上找到对此的任何提及。 当我尝试在tspan元素上使用clip-path时，它对我不起作用。 我是在做错什么还是剪贴路径对于嵌套在文本元素内的tspan元素不起作用？ 这是我正在尝试的svg代码。

 <svg width="500px" height="500px">
    <defs>
    <clipPath id="clipPath841">
    <rect width="10" y="0" x="0" height="100%"></rect>
    </clipPath>
    </defs>
    <text y="130" x="125"  __internalID="internal281">
    <tspan textLength="30" clip-path="url(#clipPath841)">
Hello world how are you what are you doing
</tspan>
    </text>
    </svg>

Answer 1

根据SVG 1.1规范，您无法在tspan上设置clipPath。

适用于：容器元素，图形元素和'clipPath'

tspan不是图形元素 。

即将发布的SVG 2规范可能会对此进行更改。