本教程操作环境:windows10系统、html5版、dell g3电脑。
什么叫html5内联svg
html5 支持内联 svg。
svg 指可伸缩矢量图形 (scalable vector graphics)
svg 用于定义用于网络的基于矢量的图形
svg 使用 xml 格式定义图形
svg 图像在放大或改变尺寸的情况下其图形质量不会有损失
svg 是万维网联盟的标准
与其他图像格式相比(比如 jpeg 和 gif),使用 svg 的优势在于:
svg 图像可通过文本编辑器来创建和修改
svg 图像可被搜索、索引、脚本化或压缩
svg 是可伸缩的
svg 图像可在任何的分辨率下被高质量地打印
svg 可在图像质量不下降的情况下被放大
示例如下:
<html><head> <meta charset="utf-8"> <title>123</title> </head><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/></svg> </body></html>
输出结果:
推荐教程:《html视频教程》
以上就是什么叫html5内联svg的详细内容。
