css svg什么意思,SVG和CSS集合

SVG和CSS集合

时间：2014-6-27

当前SVG第2版的开发工作正在进行,这个版本的一个目标是提供更好的CSS交互体验,另外,这个版本的许多我都已共享.例如,Transforms和SVGTransforms极为相似,所以新型Transforms模型提高了这两者的CSS完整性.其他被共享的新特性包括高级图像技术,如Masking和Clipping以及Compositing和Blending(结合形状和颜色).

但最先被共享的特性可能是滤波效应,在编写本书时,这些效应已经应用于一些浏览器,它们主要由两部分构成,第一部分是将定义的滤波器应用于网页中的所有元素,甚至是SVG代码区以外的元素.例如,在CSS中本地使用上一节中定义的滤波器并不困难,代码如下:

.foo{filter:url(#filter1)}

第二部分是使用函数关键字,本质上,这是预定义SVG滤波器的最快捷简便的方式,例如,要想对一个元素进行高斯模糊处理,用户需要使用blur()函数,而对于渗透处理,则需使用saturate()函数:

.foo{filter:blur(3) saturate(0.1);}

与CSS类似,SVG2将会模块化,从而允许其开发和实现,这意味着用户很快就可以查看它的元素了.