可以在tspan元素上使用svg clip-path属性

Question

即使经过大量搜索，我也无法在网上找到任何提及。当我尝试在tspan元素上使用clip-path时，它对我不起作用。我做错了什么或者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 specification，您无法在tspan上设置clipPath。

  

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

tspan is not a graphics element。

即将发布的SVG 2规范可能会改变这种情况。