首页 > web前端 > 前端问答 > 什么叫html5内联svg

什么叫html5内联svg

WBOY
发布: 2022-01-13 11:51:27
原创
1808 人浏览过

在html5中,内联svg是“Scalable Vector Graphics”的缩写,表示可伸缩矢量图形,用于定义用于网络的基于矢量的图形;svg使用XML格式定义图形,图像在放大或改变尺寸的情况下其图形质量不会有损失。

什么叫html5内联svg

本教程操作环境: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>
登录后复制

输出结果:

06.png

推荐教程:《html视频教程

以上是什么叫html5内联svg的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板