关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

svg和css集合

作者:佚名   时间:2014-06-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将会模块化,从而允许其开发和实现,这意味着用户很快就可以查看它的元素了.

 



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/hynews/20151126/n3360.html

上海联楷网络新闻