美文网首页
HTML5-SVG矢量图

HTML5-SVG矢量图

作者: 木易先生灬 | 来源:发表于2018-10-09 12:46 被阅读0次

SVG矢量图

  1. 什么是SVG?
    Scalable Vector Graphics 可缩放的矢量图形,SVG的本质就是xml文件记录矢量路径,路径的数学公式,
    所以越大越清晰。
  1. 如何制作SVG?
    Adobe illustrator,常被称为“AI”,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
  1. 如何使用SVG?
    <img src="路径" width="" height="" />
  1. SVG的应用场景: 结构、颜色等相对简单的图形,比如:LOGO,小图标,小动画
<img width="100" src="img/144207.svg"/>
<img width="500" src="img/144210.svg"/>

相关文章

网友评论

      本文标题:HTML5-SVG矢量图

      本文链接:https://www.haomeiwen.com/subject/yjpeaftx.html