如何实现SVG 1.2 Tiny textArea？

Question

我最近在互联网上浏览过 有一个textArea local to SVG（我可能需要这个用于文本包装目的）

我使用了该示例，并在HTML5元素内的Chrome上对其进行了测试， 但它不会显示textArea元素， 有谁知道如何正确实现SVG textArea？ 或者是否可能不支持SVG 1.2 tiny？ （我只使用通常的SVG 1.1）

Answer 1

检查UA是否支持http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow特征字符串并显示SVG textArea（如果有），否则在foreignObject中显示html textarea，例如。

<switch>
    <g requiredFeatures="http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow">
        <textArea width="200" height="300">whatever</textArea>
    </g>
    <foreignObject width="200" height="300">
        <textArea xmlns="http://www.w3.org/1999/xhtml" style="width: 200px;height: 300px">otherwise</textArea>
    </foreignObject>
</switch>