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

  • LaKe Lightroom Tutorials

    LaKe Lightro

    22 Temmuz 2014
  • martin shervington

    martin sherv

    7 EKİM 2011
  • Toddler Fun Learning

    Toddler Fun

    8 ŞUBAT 2013