svg 实例效果图 (内含多个经典特效及功能)

动态
普通效果

无JS干预效果

JS干预效果

鼠标事件效果,注意可以在HTML元素中干预效果,甚至可以在各个不同的SVG间互相干预

键盘事件效果,鼠标点击SVG后敲击键盘,如果字体完全消失,需要再点击

动态插入对象

语言支持演示,支持国际任何语言(拿了日本的语言,中国啊,自强!)

SVG优秀的压缩算法及与JPG、GIF的质量比较

浏览插件的自动安装

SVG在GoLive、Office、FramwMaker中的使用

-------------- 静态 点击以显示不同区域

动态改变SVG字体及文字内容(无中文字体)

动态改变CSS

填充

加边

渐变

滤镜特效1、2

与传统位图(Jpeg、Gif、Png)的结合

ICC标准的色彩支持

选择可见元素的设置

动态 普通效果 无JS干预效果 JS干预效果 鼠标事件效果,注意可以在HTML元素中干预效果,甚至可以在各个不同的SVG间互相干预 键盘事件效果,鼠标点击SVG后敲击键盘,如果字体完全消失,需要再点击 动态插入对象 语言支持演示,支持国际任何语言(拿了日本的语言,中国啊,自强!) SVG优秀的压缩算法及与JPG、GIF的质量比较 浏览插件的自动安装 SVG在GoLive、Office、FramwMaker中的使用 -------------- 静态 点击以显示不同区域 动态改变SVG字体及文字内容(无中文字体) 动态改变CSS 填充 加边 渐变 滤镜特效1、2 与传统位图(Jpeg、Gif、Png)的结合 ICC标准的色彩支持 选择可见元素的设置
动态 普通效果 无JS干预效果 JS干预效果 鼠标事件效果,注意可以在HTML元素中干预效果,甚至可以在各个不同的SVG间互相干预 键盘事件效果,鼠标点击SVG后敲击键盘,如果字体完全消失,需要再点击 动态插入对象 语言支持演示,支持国际任何语言(拿了日本的语言,中国啊,自强!) SVG优秀的压缩算法及与JPG、GIF的质量比较 浏览插件的自动安装 SVG在GoLive、Office、FramwMaker中的使用 -------------- 静态 点击以显示不同区域 动态改变SVG字体及文字内容(无中文字体) 动态改变CSS 填充 加边 渐变 滤镜特效1、2 与传统位图(Jpeg、Gif、Png)的结合 ICC标准的色彩支持 选择可见元素的设置
经验分享 程序员 微信小程序 职场和发展