美文网首页
svg-简介和使用

svg-简介和使用

作者: 追梦人在路上不断追寻 | 来源:发表于2020-07-29 14:56 被阅读0次

svg

svg全称是Scalable Vector Graphics (SVG),是一种基于XML的标记语言,用于描述基于二维的[矢量图形]。因此,这是一个基于文本的开放式Web标准,用于描述可以清晰地呈现任意大小的图像,并且专门设计用于与其他Web标准(包括CSS, DOM,JavaScript和SMIL配合使用。实际上,SVG就是图形。

SVG图像和它的相关行为在XML文本文件中定义,这意味着可以搜索,索引,编写脚本和压缩它们。此外,这意味着可以使用任何文本编辑器或绘图软件来创建和编辑它们。

与经典的位图图像格式JPEG或PNG相比,SVG格式的矢量图像可以以任何大小进行渲染而不会降低质量,并且可以通过更新其中的文本轻松地进行本地化,而无需图形编辑器这样做。使用适当的库,甚至可以即时本地化SVG文件。

一个简单的svg例子。

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<rect width="300" height="100"
style="fill:rgb(0,0,255);stroke-width:1;
stroke:rgb(0,0,0)"/>

</svg>

svg有svg标签和它内部的元素组成,它支持css样式。

相关文章

  • svg-简介和使用

    svg svg全称是Scalable Vector Graphics (SVG),是一种基于XML的标记语言,用于...

  • 使用svg绘制图形,实现渐变效果以及模糊效果

    一、SVG-绘制图形 二、SVG-渐变 1、 设置线性渐变步骤 2、 扇形渐变radialGradient,参考线...

  • 中国最全各省市SVG地图数据

    拿去拿去 https://github.com/Androidkunwenli/-SVG-

  • 进入SVG

    SVG-简单示例 code rect circle ellipse line polyline polygon 填...

  • SVG-文本,填充和边框

    SVG文本 字符 要展示的字幕的数字表现形式,每个字符都由特定的unicode定义 字形 字符的可视化表现形式 ...

  • SVG-曲线

    曲线就是 Web 画图中常见的 Bezier Curves(贝塞尔),Arcs,several Bezier cu...

  • JSON简介和使用

    简介 JSON是JavaScript Object Notation的缩写,是一种轻量级的文本数据交换格式。JSO...

  • Jenkins简介和使用

    1.持续性集成 持续集成:Continuous Integration,简称CI,意思是,在一个项目中,任何人对代...

  • springboot简介和使用

    简介 springboot,其设计目的是用来简化新Spring应用的初始搭建以及开发过程,该框架使用了特定的方式来...

  • Promise 简介和使用

    Promise 是什么 Promise 是一种规范,在es6以前,浏览器没有内置的promise,不同框架有各自的...

网友评论

      本文标题:svg-简介和使用

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