SVG是什么标签 _生活百科

SVG 是用来制作矢量图的 HTML5 标签，用于界定 SVG 图形的器皿。SVGg 能够制作框、圆、途径、图像处理。使用 SVG 标签时，能将标签导入到 html body 中，要为它加上对应的 css 款式。

文章插图
SVG 是啥SVG 即 Scalable Vector Graphics，是一种用于制作矢量图的 HTML5 标签。你只需界定好 XML 属性，就能获得一致的图像元素。应用 SVG 之前先将标签参与到 HTML body 中。如同其它的 HTML 标签一样，能够为 SVG 标签为此加上 ID 属性。SVG 支持 css,这一点高效的将图形和款式区分开。，比如“border-style:solid;border-width:2px;” 。SVG 标签跟其他的 HTML 标签有通用属性。将 SVG 元素参与到 HTML 编码中，SVG 给予许多制图样子，比如线条、圆、多边形等。
SVG 的应用制图动漫SVG 标签用法SVG 元素能通过、或是置入网页当中，可是我们这边建议使用,兼容性比较好。
SVG 标签属性fill: 填充色 | url(id)这儿通常是引入渐变色作为背景stroke: 线条颜色stroke-width: 线条的宽度stroke-linecap: 线条结尾的样式 (默认)butt (圆弧)round (方形)square，round 和 square 会影响线条长度opacity: 不透明度 0~1fill-rule: nonzero (非零围绕标准)evenoddstroke-dasharray: 建立虚线数组 x,y,z,… (长短，间距，长短，间距，。。。。)stroke-dashoffset: 偏位filter: url(id) 加上滤镜clipPath-裁切能限定什么地方可见，什么地方不可见。标记指定地区以外的全部内容也不会被表明(图象不被制作出去) 。裁切途径要用 clipPath 元素定义的，属性 clip-path 可用来引入裁切途径。默认前提下，一个样子，其被裁切掉的地区（不可见的地区）是不回应鼠标事件的。
g-分组g 标记便是’group’的缩写，是用来分组用的，它会把多个元素放到一组里，对 g 标记执行的样式和渲染会功效到这个分组内的所有元素上。组内的所有元素都会传承 g 标记上的所有属性。用定义的分组还可以使用 use 开展拷贝应用。
【SVG是什么标签】