是否可以使用SVG foreignObject作为掩码?

时间:2017-12-20 18:05:51

标签: svg mask

掩码内的文本元素按预期工作,但忽略foreignObject元素内的div。

<svg width='500' height='300' >  
  <defs>
    <mask id='m'>
      <text fill='white' x='0' y='35' font-size='35'>text element</text>
      <foreignObject  width='200' height='200' >
         <div style='color:white;'>div element</div>
      </foreignObject>
  </mask>
</defs>
      <rect width='200' height='200' mask='url(#m)' />
</svg>

有谁知道如何让foreignObject在掩码中工作?它甚至可能吗?

0 个答案:

没有答案