SORU
14 ŞUBAT 2011, PAZARTESİ


Otomatik satır kaydırma SVG metin

Otomatik kaydırma satır kabı <rect> HTML metin 3 ** elemanları doldurur gibi aynı şekilde ne SVG <text> bir görüntü istiyorum. Bir yol var mı? <tspan>s kullanarak çizgiler sparately pozisyon istemiyorum.

CEVAP
14 ŞUBAT 2011, PAZARTESİ


İşte bir alternatif:

<svg ...>
  <switch>
    <g requiredFeatures="http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow">
      <textArea width="200" height="auto">
       Text goes here
      </textArea>
    </g>
    <foreignObject width="200" height="200" 
     requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
      <p xmlns="http://www.w3.org/1999/xhtml">Text goes here</p>
    </foreignObject>
    <text x="20" y="20">No automatic linewrapping.</text>
  </switch>
</svg>

ForeignObject bu featurestring ile desteklenen olarak bildirilmiş olsa bile, HTML garanti yok olduğunu belirterek SVG 1.1 belirtimi gerekli değil çünkü görüntülenebilir. Şu anda html-foreignobject destek için featurestring yok. Ancak, belki de ilgili bir featurestring ile gelecekte gerekli olacak gibi, bu yüzden hala birçok tarayıcılarda desteklenmektedir.

SVG Tiny 1.2 'textArea' element tüm standart svg özellikleri, e desteklediğini unutmayın.g genişlik ve yükseklik ya da otomatik olarak, metin özgürce bu yönde akabilir yani belirttiğiniz vb doldurma, ve gelişmiş. Görünüm penceresi kırpma gibi ForeignObject davranır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Arun Kumar

    Arun Kumar

    18 Mart 2010
  • Jeremy Stark

    Jeremy Stark

    23 Mayıs 2010
  • Slave Boy Films - Fandom from a Galaxy Far Far Away

    Slave Boy Fi

    12 HAZİRAN 2009