[SVG] 1. text 文字元素

svg 可以使用 text 標籤來顯示文字。

使用方法

<text> 標籤寫在 <svg> 標籤裡面,最基本的就是以下的寫法:

<svg>
  <text x="5" y="30">這是 text 文字</text>
</svg>
  • x: 表示距離 <svg> 最左側多少像素。
  • y: 表示距離 <svg> 最上方多少像素。我實測的結果,這個在 y 的距離上,是以文字對齊的 baseline 為主。

範例

請觀察 x、y 的對齊位置,尤其是 y 指定為 0及指定為 100% 時的位置。

您可在此處留言

avatar

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

  Subscribe  
Notify of