• 技术文章 >web前端 >前端问答

    什么叫html5内联svg

    长期闲置长期闲置2022-01-13 11:51:27原创95

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

    本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

    什么叫html5内联svg

    HTML5 支持内联 SVG。

    SVG 指可伸缩矢量图形 (Scalable Vector Graphics)

    SVG 用于定义用于网络的基于矢量的图形

    SVG 使用 XML 格式定义图形

    SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

    SVG 是万维网联盟的标准

    与其他图像格式相比(比如 JPEG 和 GIF),使用 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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html
    上一篇:html5怎样实现点击切换文本 下一篇:css3伪类和伪元素是什么意思

    相关文章推荐

    • html5用什么元素做标题• html5中媒体元素有哪些• HTML5中段落文本是用什么表示• html5中无序列表的用法是什么• wap和html5的区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网