文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

整站搜索:
最新更新资源:
海量设计素材
韩国网页设计模板
高清PSD素材库
Flash网站模板
设计素材图库:
婚纱影楼模板
韩国卡通图库
VIS模板
版式画册模板

最新素材图库



当前位置:首页 >> 网页教程>> JavaScript >> SVG/VML+JS实现跨浏览器的矢量图形实现方案

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


作者: 佚名 来源:网络 浏览:6 日期:2011-6-23 19:31:38

网页制作Webjx文章简介:SVG/VML+JS实现跨浏览器的矢量图形实现方案.

Raphael 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个矢量图标:

嗯,这些图标都是用Raphael实现的,点击例子页面中的图标下面就会显示代码。

简单的动画效果,虽然也可以用JS+CSS3实现,但是这个可是跨浏览器的哦。。。

感兴趣的同学可访问官方网站查看更多demo,以及参考文档


上一篇:xhEditor:基于jQuery的高效的XHTML编辑器 下一篇:WEBJX资源分享:2010年度最优秀的jQuery插件
【关闭窗口】 【返回顶部】返回网页教程】 【返回JavaScript

相关推荐文章

jQuery教程:制作..

10个美观实用的jQu..

正则表达式的高级技巧8..

JS特效代码:图片点击..

WEBJX收集非常有用..

HTML5 + ..

PS教程:用Photo..


关于本站 | 广告服务 | 联系我们 | 站长微博 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号