2013-01-03 15 views
8

Geçenlerde olduğu internet üzerinde göz atmış bir textArea local to SVGSVG 1.2 nasıl uygulanır Tiny textArea?

Ben örnek olarak kullandı ve HTML5 öğesinin içinde Chrome üzerinde test, ama görüntülenmez (ı metin kaydırma amaçla bu gerekebilir) textArea öğesi, herkes SVG textArea'nın nasıl düzgün uygulanacağını biliyor mu? veya SVG 1.2 minik henüz desteklenmiyor mu? (Sadece normal SVG 1.1 ile çalıştım)

+0

İçerisinde ve html tekstürü nedir? – philipp

+0

Ben zaten bir son çare olarak kaydettim, ancak svg –

+0

içinde svg yerine elemanını kullanırsam daha verimli olurdu. İşte benzer bir soru: http://stackoverflow.com/questions/4991171/auto-line -swg-text-svg-text –

cevap

10

UA'nın http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow özellik dizesini destekleyip desteklemediğini ve varsa bir SVG textArea görüntülediğini kontrol edin, aksi takdirde bir foreignObject örneğinde bir html textarea görüntüleyin.

<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> 
+0

Chrome ve IE'de test ettim ve hiçbirinde textflow özelliği dizesini desteklemiyorum, herhangi bir tarayıcı özelliği varsa bunu biliyor musunuz? –

+1

Sadece şu anda Opera AFAIK. –

+2

requiredFeatures dizesi doğru, ancak http://www.w3.org/TR/SVGTiny12/feature.html#specific daha iyi bir referanstır. –