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

  • Alexey - servant of Christ

    Alexey - ser

    15 EYLÜL 2007
  • TechSmartt

    TechSmartt

    29 Aralık 2010
  • UnboxTechnology

    UnboxTechnol

    20 Ocak 2011