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.ktcbnqb.cn/hynews/20151126/n3360.html
