首页 > 开发 > HTML5 > 正文

HTML5之SVG 2D入门3―文本与图像及渲染文本介绍

2024-09-05 07:20:08
字体:
来源:转载
供稿:网友

SVG中渲染文本

SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度,而无须求助图像或其它插件。任何可以在形状或路径上执行的操作(如绘制或滤镜)都可以在文本上执行。尽管SVG的文本渲染如此强大,但是还是有一个不足之处:SVG不能执行自动换行。如果文本比允许空间长,则简单地将它切断。多数情况下,创建多行文本需要多个文本元素。
此外,可以使用 tspan 元素可以将文本元素分成几部分,允许每部分有各自的样式。

还有,在text元素中,空格的处理与HTML类似:换行和回车变成空格,而多个空格压缩成单个空格。

直接显示在图片中的文本 - text元素
直接显示文本,可以使用text元素,例子如下:

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表