svg 文字
- 作者: 一样的华丽
- 来源: 51数据库
- 2020-09-22
用标记显示文字
示例
和 标记括起来的内容是要显示的文字"Hello World!",
style="fill:red;font-size:24px 说明了文字样式大小为24点,用红颜色填充。
x="100" y="100"指示出文字输出的位置
根据circle和text的相对位置和circle的坐标计算出text的坐标,这样text不就显示在circle上了,而且一定是先绘制circle在绘制text,svg中后面绘制的要素会压盖前面绘制的要素。
示例
style="fill:red;font-size:24px 说明了文字样式大小为24点,用红颜色填充。
x="100" y="100"指示出文字输出的位置
根据circle和text的相对位置和circle的坐标计算出text的坐标,这样text不就显示在circle上了,而且一定是先绘制circle在绘制text,svg中后面绘制的要素会压盖前面绘制的要素。
推荐阅读
