怎么在svg里設(shè)置文字的center位置
怎么在svg里設(shè)置文字的center位置
holdtom
2019-03-28 18:17:49
2 回答
湖上湖
TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊
給你做了一個(gè)小demo。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <html>
<head> <style> div { width: 300px; height: 150px; background: #f06; font: bold 150% sans-serif; text-shadow: 0 1px 2px rgba(0,0,0,.5); overflow: hidden; resize: both; color: white; } svg { width: 100%; height: 100%; pointer-events: none; } text { text-anchor: middle; pointer-events: auto; fill: currentColor; } p { font: italic 100% Georgia, serif; } </style> </head> <body> <div> <svg> <text x="50%" y="50%" dy=".3em">居中文字</text></svg> </div> </body>
</html> |
米琪卡哇伊
TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊
示例
<?xml version="1.0" encoding="iso-8859-1"?>
<svg width="800" height="600">
<text style="fill:red;font-size:24pt" x="100" y="100"；text-align:center>Hello World!</text>
</svg>
- 2 回答
- 0 關(guān)注
- 1614 瀏覽
添加回答
舉報(bào)
0/150
提交
取消