html5 – 如何实现SVG 1.2 Tiny textArea?

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

我使用了这个示例并在HTML5元素内的Chrome上测试了它,
但它不会显示textArea元素,
有谁知道如何正确实现SVG textArea?
或者是否可能不支持SVG 1.2 tiny? (我只使用通常的SVG 1.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>

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码