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

  • Apple

    Apple

    22 HAZİRAN 2005
  • Jucyber Tutoriais

    Jucyber Tuto

    8 EYLÜL 2009
  • SuicideSheeep

    SuicideSheee

    8 Ocak 2012