阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      SVG 是什么

      SVG 表示(scalable vector graphics)可缩放矢量图形。这是一个基于文本的图形语言,它可以绘制使用文本、线、点等的图形,因此可以轻巧又快速地渲染。

      SVG 意为可缩放矢量图形(Scalable Vector Graphics)。

      SVG 使用 XML 格式定义图像。

      SVG 是 XML 语言的一种形式,有点类似 XHTML,它可以用来绘制矢量图形,例如右面展示的图形。SVG 可以通过定义必要的线和形状来创建一个图形,也可以修改已有的位图,或者将这两种方式结合起来创建图形。图形和其组成部分可以变形,可以合成,还可以通过滤镜完全改变外观。

      SVG 推出于 1999 年,之前有几个相互竞争的格式规范被提交到 W3C,但是都没有完全通过。

      核心

      SVG 可以成为任何复杂的组合图形。SVG 支持渐变、旋转、滤镜效果、JavaScript 接口等等功能,但是所有这些额外的语言特性,都需要在一个定义好的图形区域内实现。

      代码

      <h1>My first SVG</h1>
      <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
         <circle
              cx="100"
              cy="50"
              r="40"
              stroke="black"
              stroke-width="2"
              fill="red" />
      </svg>
      

      效果

      My first SVG

      参考

      更多 SVG 知识,可以参考:https://www.axihe.com/edu/svg/edu/home.html

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录