首页 相关文章 SVG/VML+JS实现跨浏览器的矢量图形实现方案

SVG/VML+JS实现跨浏览器的矢量图形实现方案

库是在webrebuild交流会上听专家将到的,后来就看了下,果然很强大通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。

这其实和cufon等网络字体的实现原理是有些类似的:非IE浏览器使用SVG绘图,然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案,包括一些动画效果。

Raphael的语法也很简单,基本上了解SVG就会很容易上手的:

var c = paper.path("M10 10L90 90");// 画一条线;
浏览器支持

IE6+、Firefox 3.0+、chrome、opera等都是很好支持的。

一些酷酷的例子:

使用Raphael绘制的117个矢量图标:

[ 查看全文 ]

2016-02-20 标签:

SVG/VML+JS实现跨浏览器的矢量图形实现方案的相关文章

手机页面
收藏网站 回到头部