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

  • BurnedInDotCom

    BurnedInDotC

    3 NİSAN 2010
  • Damien Hayes

    Damien Hayes

    11 Mart 2008
  • LearnKey

    LearnKey

    19 AĞUSTOS 2008