`
amuropikin
  • 浏览: 41555 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Raphaël 基于html5绘制web图形的javascript插件

阅读更多
昨天在群里看到一个海归妹子的个人兼应聘作品网站(http://www.wendyshijia.com),遂一时引起众狼骚动,里面的设计和创意都教人赞叹,如此简历让人大呼过瘾,同时作为前端开发工作的一员倍感压力巨大XD。感谢如此赏心的作品,让我注意到其中实现的核心插件 Raphaël,这名字不管读写都有难度。。
What is it?

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOMobject, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

Raphaël currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.

-------------------------------------------------

以下是中文翻译:

Raphaël 是一款轻量级的javascript插件,帮助你简单地绘制出web上的矢量图。通过它你能轻易地定制不同的图表、截图类和转动式的窗口部件。

Raphaël ['ræfeɪəl]使用SVG W3C 推荐标准和VML来生成图形。这意味着任何生成的图形都是一个DOM对象,你可以使用javascript事件处理来绑定到它们之上,或在其后再修改。Raphaël’s 的目标是提供一个跨浏览器兼容来生成矢量图形的适配器

Raphaël  目前支持的浏览器有 Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ 和 Internet Explorer 6.0+.


基于html5,方便用来绘制网页中的各种图形,值得以后上手派上用场;)


Raphaël.js的官网地址:

http://raphaeljs.com
分享到:
评论

相关推荐

    Raphaël—JavaScript Library 绘制矢量

    **Raphaël JavaScript Library** 是一个强大的矢量图形库,专为Web开发设计,它允许开发者在网页上创建和操作SVG(Scalable Vector Graphics)和VML(Vector Markup Language)图形。这个库尤其适合那些需要在...

    用 Raphaël 绘制(修改版)

    总的来说,"用 Raphaël 绘制(修改版)"是一个利用Raphaël库开发的中国地图应用,它不仅展示了如何使用Raphaël创建矢量图形,还涵盖了数据处理、图形渲染、用户交互等多个方面,是学习Web图形编程和Raphaël库的好...

    Raphaël 用法 An Introduction to the Raphael JS Library

    Raphaël 是一个强大的JavaScript库,用于在Web浏览器中创建矢量图形。这个库支持SVG(Scalable Vector Graphics)和VML(Vector Markup Language),使得在IE6+和其他现代浏览器中创建交互式、可缩放的矢量图形变得...

    使用Raphaël.js实现心形函数

    Raphaël.js 是一个流行的JavaScript库,专用于在Web浏览器中创建矢量图形。它支持SVG(可缩放矢量图形)标准,允许开发者在网页上绘制复杂的图形,包括动态和交互式的元素。在本篇文章中,我们将深入探讨如何使用...

    raphael demo

    Raphaël通过JavaScript提供了一种在浏览器端直接处理矢量图形的方式,无需依赖Flash或其他插件,这使得它成为HTML5时代的重要工具。 总结起来,"raphael demo"是一个展示如何使用Raphaël库和jQuery创建矢量图形的...

    raphael矢量图形库

    7. 插件系统:Raphaël有一个活跃的社区,开发了许多插件,扩展了其核心功能,比如图表绘制、图形编辑等。 8. 文本处理:Raphaël可以创建和操纵文本对象,允许设置字体、字号、对齐方式等属性。 在实际项目中,...

    raphael动态绘制简单的图形.zip

    "raphael动态绘制简单的图形.zip"这个压缩包文件显然包含了使用Raphaël JavaScript库进行动态图形绘制的相关示例。Raphaël是一个流行的选择,因为它允许开发者在网页上创建矢量图形,这些图形可以在各种分辨率和...

    基于raphael的工作流svg

    Raphaël是一个JavaScript库,专门用于在Web浏览器中创建和操作矢量图形。接下来,我们将深入探讨这个主题,了解如何使用Raphaël和SVG进行工作流的可视化设计。 首先,SVG是一种XML标记语言,用于描述二维图形。...

    raphael web绘图工具

    Raphaël是一款强大的JavaScript库,专为Web上的矢量图形设计而开发。它使得开发者能够在HTML5的canvas或SVG(Scalable Vector Graphics)元素上绘制复杂的图形,且兼容大部分现代浏览器,包括IE6+。这个库由Dmitry ...

    raphael-min_js_

    Raphaël,一个基于JavaScript的SVG/VML库,为开发者提供了强大的2D图形绘制功能,使得在浏览器端创建复杂的矢量图形变得轻而易举。本文将深入探讨Raphaël库的原理、主要特性以及如何在实际项目中应用。 Raphaël...

    raphael绘制可拖动控件

    Raphaël是一个强大的JavaScript库,它允许开发者在网页上创建复杂的矢量图形,支持SVG和VML格式,从而确保在不同浏览器上的兼容性。 ### 1. Raphaël库简介 Raphaël由Dmitry Baranovskiy创建,它的核心功能是提供...

    大卫三角形

    - SVG和VML:矢量图形格式,Raphaël.js基于这两种格式在网页上绘制图形,确保图形在不同分辨率和缩放下保持清晰。 通过分析这个项目,我们可以学习到如何结合使用JavaScript、jQuery和Raphaël.js来创建交互式矢量...

    Raphale绘图库

    Raphaël是一个强大的JavaScript库,专门用于在Web浏览器中创建矢量图形。它的出现填补了Web设计领域的一个重要空白,使得开发者能够利用SVG(可缩放矢量图形)和VML(矢量标记语言)技术在网页上绘制出复杂的图形和...

    初识raphael做饼图及折线图

    Raphaël是一款JavaScript库,专门用于在Web浏览器中创建矢量图形。它支持SVG(Scalable Vector Graphics)和VML(Vector Markup Language),这两种格式都能确保在不同浏览器上一致的显示效果,包括老旧的IE版本。...

    raphael浏览器画图

    Raphaël是一款强大的JavaScript库,专为在Web浏览器中绘制矢量图形而设计。它使得开发者能够在HTML5 Canvas或SVG(Scalable Vector Graphics)上进行绘图,支持包括Internet Explorer 9及以上版本,Chrome,Firefox...

    raphael 柱图 chart

    Raphaël是一款强大的JavaScript库,专用于在Web浏览器中创建矢量图形。它支持SVG(可缩放矢量图形)标准,使开发者能够在任何分辨率下创建清晰、高质量的图形,不受像素限制。柱状图(Bar Chart)是数据可视化的...

    raphaeljs 炫丽 js特效

    RaphaëlJS 是一个强大的JavaScript库,专用于在Web浏览器中创建丰富的矢量图形。这个库由Dmitry Baranovskiy开发,它的目标是提供一个跨浏览器的平台,使得开发者能够在任何现代浏览器(包括IE6+)中轻松地绘制复杂...

    基于jquery+raphael实现的可拖动树形图

    2. **Raphaël**:Raphaël是一个JavaScript库,专门用于在Web浏览器中创建矢量图形。它支持SVG(Scalable Vector Graphics)和VML(Vector Markup Language),以确保在所有现代和旧版浏览器中的兼容性。在这个项目...

    raphael绘制流程图

    Raphaël是一款强大的JavaScript库,专用于在Web浏览器中创建矢量图形。它支持SVG(可缩放矢量图形)和VML(Vector Markup Language)格式,使得开发者能够在所有现代浏览器以及较旧的IE浏览器上创建出清晰、高质量...

    利用raphael绘制浙江地图Svg,可动态轮循,信息提示Demo

    Raphaël是一个强大的跨浏览器JavaScript库,专门用于处理矢量图形,使得在Web上创建交互式、动画化的图形变得简单。SVG是一种基于XML的矢量图像格式,它允许无限的缩放而不会失去清晰度。 首先,我们要理解SVG的...

Global site tag (gtag.js) - Google Analytics