html

滤镜通用属性 属性 说明 x,y 渲染滤镜效果的左上角坐标（默认0） width,height 绘制滤镜容器的高宽（默认100%） result 用于定义一个滤镜效果的输出名字，以便将其用作另一个滤镜

feMerge:多滤镜叠加滤镜 允许同时应用滤镜效果而不是按顺序应用滤镜效果。利用result存储别的滤镜的输出可以实现这一点，然后在一个 <feMergeNode>子元素中访问它 1 语法 2 fe

feMorphology:形态学滤镜 用来侵蚀或扩张输入的图像。它在增肥或瘦身效果方面特别有用。适合用来创建轮廓和边界。 1 用法 2 属性 in operator -dilate膨胀,erode侵蚀

feTurbulence：湍流滤镜 湍流滤镜，不稳定气流，能够实现半透明的烟熏或波状图像。 通常用于实现一些特殊的纹理。滤镜利用 Perlin 噪声函数创建了一个图像。噪声在模拟云雾效果时非常有用，能

1 feflood 此过滤器创建一个矩形，其中填充了指定的的颜色，应用了不透明度值。 1.1 语法 1.2 属性 x，y -定义用户坐标系x轴和y轴坐标 width-宽度 height-高度 floo

1 feImage：图像滤镜 feImage 滤镜从外部来源取得图像数据，并提供像素数据作为输出（意味着如果外部来源是一个 SVG 图像，这个图像将被栅格化。） 1.1 用法: 1.2 属性： x:

1 作用 滤镜用于对SVG图形增加特殊效果 2 效果 feBlend - 与图像相结合的滤镜 feColorMatrix - 用于彩色滤光片转换 feComponentTransfer feCompo

<pattern> 1 定义 <pattern>标签用于定义以重复平铺方式填充对象的图形 2 语法 属性 解释 patternUnits 用来定义图案效果区域的单位。 它为模式内的各种长度值以及定义模

上一篇文章简单介绍了svg常用标签及其属性,本篇主要介绍分组，渐变，分组容器 - 添加到g元素上的变换会应用到其所有的子元素上 - 添加到g元素的属性会被其所有的子元素继承 - 定义复杂对象

上一篇文章简单介绍了svg基础概念和几个属性，本篇主要介绍svg标签及其属性 0 特殊 图形 标签 分组 <g> 定义可重用部件 <defs> 1 图形和文本 图形 标签 直线 <line> 折线 <

1 定义 可缩放矢量图形（ Scalable Vector Graphics），是一种 XML应用 2 特征 一种可伸缩矢量图形 使用xml格式定义用于网络的基于矢量的图形 放大或改变图片的尺寸其质量

css实现三角形是常见的需求，在此记录如下 1 border实现 原理：相邻接的border之间会形成一条斜线(可按此联想记忆) 注意：相邻接的border形成的斜线，一定是相邻接 下侧橙色，说明下侧

1 HTML标签 <meter>：显示已知范围的标量值或者分数值 <progress>：显示一项任务的完成进度，通常情况下，该元素都显示为一个进度条 1.1 <meter> min、max、value