SORU
11 EYLÜL 2008, PERŞEMBE


SVG metni hizalama

Çizgiler ve kısa metin parçaları karışımı (iki ya da üç kelime genellikle) ile XML belgeleri SVG etmeye çalışıyorum. Sahip olduğum en büyük sorun, metnin çizgi parçaları ile uyumlu oluyor.

Yatay hizalama için left, middle right text-anchor kullanabilirim. Dikey hizalama için bir eşdeğeri; alignment-baseline bunu yapmak için görünmüyor bulamıyorum, şu anda merkezi hizalama için çakma gibi dy="0.5ex" kullanıyorum.

Dikey merkezine veya metnin üst hizalamak için uygun bir durum var mı?

CEVAP
16 EYLÜL 2008, Salı


Açık metin yolları ihtiyacın yok anlaşılan. Firefox 3 dikey hizalama etiketleri (see this thread) yalnızca kısmi bir destek var. Bu baskın taban çizgisi yalnızca metin çapa tarzı bir parçası veya bir etiket niteliğini göz önünde bir stil olarak uygulandığında başarılı olduğunu görünüyor.

<path d="M10, 20 L17, 20" 
      style="fill:none; color:black; stroke:black; stroke-width:1.00"/>
<text fill="black" font-family="sans-serif" font-size="16" 
      x="27" y="20" style="dominant-baseline: central;">
  Vertical
</text>

<path d="M60, 40 L60, 47" 
      style="fill:none; color:red; stroke:red; stroke-width:1.00"/>
<text fill="red" font-family="sans-serif" font-size="16" 
      x="60" y="70" style="text-anchor: middle;">
  Horizontal
</text>

<path d="M60, 90 L60, 97" 
      style="fill:none; color:blue; stroke:blue; stroke-width:1.00"/>
<text fill="blue" font-family="sans-serif" font-size="16"
      x="60" y="97" style="text-anchor: middle; dominant-baseline: hanging;">
  Bit of Both
</text>

Bu Firefox, ne yazık ki Inkscape hakim-temel işlemek için görünmüyor (ya da en azından aynı şekilde değil) çalışır.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • CHISTOSITOJAJA

    CHISTOSITOJA

    27 HAZİRAN 2010
  • Jordie Jordan

    Jordie Jorda

    27 Ocak 2008
  • max2sims2

    max2sims2

    19 Kasım 2008