在SVG中前酿，通過(guò) text 標(biāo)簽來(lái)繪制文本，它是一個(gè)雙標(biāo)簽茅茂，基本語(yǔ)法為：尖角號(hào) text捏萍，尖角號(hào) /text，標(biāo)簽里填寫文本的內(nèi)容空闲。
它的 屬性 x 和 屬性y令杈，定義文本的位置坐標(biāo)，值為數(shù)字碴倾。
還有兩個(gè)常用屬性：
font-size逗噩，定義文本的大小，值為數(shù)字跌榔。
text-anchor异雁，定義文本的對(duì)齊方式。有三個(gè)值：start僧须，以文本左端對(duì)齊纲刀；middle，以文本中間對(duì)齊担平；end示绊，以文本末尾對(duì)齊。
我們做個(gè)例子暂论。
新建一個(gè)文件 text.html耻台，補(bǔ)全基礎(chǔ)代碼，在 body 里添加一個(gè) svg 標(biāo)簽空另，定義屬性 width 等于 300盆耽，height 等于 30。
在 svg 里添加 text 標(biāo)簽扼菠，text 里寫入一些文本摄杂，定義屬性 x 等于 0，y 等于 5循榆，fill 等于 red析恢。保存文件。
在瀏覽器中預(yù)覽秧饮，一段文本繪制好了映挂。
這里你可能會(huì)問(wèn)：svg 里為什么不用 p 標(biāo)簽來(lái)顯示文本呢泽篮？我們知道，svg 是在一個(gè)畫布里繪制圖形柑船，text 也是繪制的對(duì)象帽撑。這樣，我們就可以使用 svg 的一些專有特性控制文本了鞍时，比如旋轉(zhuǎn)文本亏拉。
我們給 text 標(biāo)簽定義 transform 屬性，值為 rotate 函數(shù)逆巍，在小括號(hào)里定義兩個(gè)參數(shù)：
第一個(gè)參數(shù)是旋轉(zhuǎn)角度及塘。
第二個(gè)參數(shù)，是旋轉(zhuǎn)的中心點(diǎn)坐標(biāo)锐极。此參數(shù)缺省默認(rèn)為原點(diǎn)(0,0) (讀作零零)笙僚。兩個(gè)參數(shù)之間用空格分開。
回到編輯器灵再，在上個(gè) svg 結(jié)尾處添加一個(gè) br 標(biāo)簽肋层。回車換行檬嘀。
添加一個(gè)新的 svg 標(biāo)簽槽驶，屬性 width 等于 200责嚷，height 等于 60鸳兽。
在 svg 里添加 text 標(biāo)簽，text 里寫入一些文本罕拂，定義屬性 x 等于 0揍异，y 等于 15，fill 等于 red爆班。定義 transform 屬性衷掷，值為 rotate，小括號(hào)柿菩，30 空格戚嗅，20,40 rotate(30 20,40)。保存枢舶。
回到瀏覽器懦胞，刷新，文本旋轉(zhuǎn)了凉泄。
text 元素可以包裹多個(gè) tspan 子元素。每個(gè) tspan 元素可以包含不同的格式和位置后众。
回到編輯器颅拦，在上個(gè) svg 結(jié)尾處添加一個(gè) br 標(biāo)簽教藻【嗨В回車換行。
再添加一個(gè)新的 svg 標(biāo)簽怖竭，屬性 width 等于 200锥债，height 等于 90。
在 svg 里添加 text 標(biāo)簽哮肚，定義屬性 x 等于 10，y 等于 20允趟，fill 等于 red。text 里寫入一些文本鸦致。
在文本的下方潮剪，定義一個(gè) tspan 標(biāo)簽，屬性 x 等于 10分唾， y 等于 45抗碰，里面寫入一些內(nèi)容绽乔。
復(fù)制一個(gè) tspan，屬性 x 等于 10看疗， y 等于 70，改寫一下里面的內(nèi)容两芳。
回到瀏覽器去枷，刷新怖辆，三行文本顯示出來(lái)了删顶。
你可能會(huì)問(wèn)：text 繪制的文本可以添加鏈接嗎？可以的斑鼻。
給文本添加鏈接的方法猎荠，就是把 text 標(biāo)簽用 a 標(biāo)簽包裹起來(lái)蜀备，給 a 標(biāo)簽添加 xlink:href 屬性，屬性值就是鏈接的地址碾阁，也可以定義 target 屬性些楣。
這里為什么不直接用 href 屬性呢？實(shí)際上 svg 是應(yīng)用 xml 語(yǔ)法定義元素的愁茁，我們還要在 svg 標(biāo)簽上定義一個(gè)命名空間的屬性 xmlns:xlink (讀作xml n s 冒號(hào) xlink)，屬性值一般寫為 w3c 的這個(gè)網(wǎng)址 (http://www.w3.org/1999/xlink)嘶居。這里大家不必深究促煮，直接照著寫下來(lái)即可。
回到編輯器菠齿，在上個(gè) svg 結(jié)尾處添加一個(gè) br 標(biāo)簽∩龋回車換行。
添加一個(gè)新的 svg 標(biāo)簽盗飒，屬性 width 等于 200陋桂，height 等于 30蝶溶，xmlns:xlink 等于這個(gè)網(wǎng)址嗜历。
在 svg 里添加 a 標(biāo)簽抖所，定義 xlink:href 屬性，值為一個(gè)鏈接地址暴匠，我們?cè)O(shè)置為本地的一個(gè) html 文件傻粘。
在 a 標(biāo)簽里添加 text 標(biāo)簽帮掉，填入一些文本窒典。給 text 定義屬性 x 等于 0蟆炊，y 等于 15瀑志，fill 等于 red。保存昧甘。
回到瀏覽器战得，刷新，點(diǎn)擊文本鏈接贡避，在新窗口里打開了本地的網(wǎng)頁(yè)。
