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

Raphael库的使用

    博客分类:
  • js
阅读更多

最近在使用Raphael做一个矢量图形的操作,对这IE要狂吐槽一下。

 

我们的客户是使用IE的那群(你懂的),

简单测试一下同时产生100,200,300个操作矢量图形(每个里面包含5个小的矢量图)

(已秒计算)

Chrome 正常在1秒以内

FF          正常在1秒左右

IE8       100的情况下3秒左右 200的情况在6秒左右 300的情况在11秒左右

0
2
分享到:
评论

相关推荐

    Raphael.JSON Raphael.Export Raphael.FreeTransform raphael.serialize

    Raphael.JSON是Raphael库的一个扩展,允许用户将Raphael图形序列化为JSON格式。这种功能非常实用,因为JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。通过将Raphael图形转换为JSON...

    raphaeljs_starter

    《raphaeljs_starter》是一本专注于RaphaelJS这一强大跨浏览器兼容的矢量图形库的教程书籍,由A. Krishnasagar编写,旨在帮助读者掌握如何轻松地创建交互式的2D图形和动画。本书由Packt Publishing出版,首次出版于...

    Raphael走势图

    在描述中提到的"Jquery Raphael 走势图",指的是使用jQuery库与Raphael库结合来实现动态的图表展示,特别是用于呈现数据的趋势变化。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画制作。将...

    raphael矢量图形库

    Raphaël是一款强大的JavaScript库,专用于在Web浏览器中创建矢量图形。这个库由Dmitry Baranovskiy开发,旨在提供一个跨浏览器的解决方案,支持Internet Explorer 9+以及所有现代浏览器,如Chrome、Firefox、Safari...

    raphaeljs源码库0分分享

    这个"raphaeljs源码库0分分享"包含的`raphael-master`压缩包可能包含了Raphaël.js的完整源代码,对于学习和理解这个库的工作原理非常有价值。源码库通常会包含以下组成部分: 1. **源代码文件**:`raphael.js`和`...

    利用Raphael矢量库绘制圆形进度条

    首先,我们需要引入Raphael库。在HTML代码中,我们可以看到第8行引入了`raphael-min.js`,这是Raphael库的压缩版本。同时,还引入了jQuery库(第7行),尽管在示例中并未直接使用,但通常用于与其他JavaScript库或...

    javascript raphael 画饼图

    下面将详细介绍如何使用JavaScript Raphael库来创建饼图。 ### 1. Raphael库的引入 首先,你需要在HTML文件中引入Raphael库的JS文件。通常,你可以通过CDN链接或本地文件路径将其添加到`<head>`标签内: ```html ...

    raphael.js扩展的拖拽功能,raphael.draggable.js,raphael.extension.js

    在实际应用中,使用`raphael.draggable.js`和`raphael.extension.js`可以让开发者在不离开Raphael.js的舒适区的情况下,实现更丰富的交互性和动态性。例如,你可以创建一个可拖动的地图,用户可以通过拖动来浏览不同...

    前端项目-raphael.zip

    【前端项目-raphael.zip】是一个包含 Raphael JavaScript 库的前端开发资源包。Raphael 是一个流行的开源库,专门用于在网页上创建矢量图形。它使得开发者能够在现代浏览器上利用 SVG (Scalable Vector Graphics) 和...

    SVG画图插件raphaelJS

    RaphaelJS是一款强大的JavaScript库,专门用于在SVG(Scalable Vector Graphics)和VML(Vector Markup Language)格式下创建矢量图形。这个插件允许开发者在网页上绘制出复杂、交互式的图形,而且这些图形在任何...

    Learning Raphael JS Vector Graphics 配套源码

    "Learning Raphael JS Vector Graphics"这个配套源码是学习Raphael库的理想资源,对于希望掌握JavaScript矢量图形绘制技术的开发者来说,它是一份非常宝贵的学习材料。 Raphael的核心特性包括: 1. **跨浏览器兼容...

    Raphael 参考文档《Learning Raphael JS Vector Graphics》

    **Raphael JS矢量图形库** Raphael是一个强大的JavaScript库,专为在Web浏览器中创建矢量图形而设计。它支持SVG(Scalable Vector Graphics)和VML(Vector Markup Language),确保在各种浏览器中都能得到良好的...

    Raphael_manual_API.rar

    《Raphael手动API指南》是为开发者准备的一份详尽且实用的中文资源,它旨在帮助初学者和经验丰富的程序员迅速掌握Raphael.js库的使用。Raphael.js是一个基于SVG(可缩放矢量图形)的JavaScript库,专门用于在Web...

    raphaelJS制作图表、饼图、柱状图、曲线图

    - 绘制饼图:使用`raphael.pie()`函数,传入中心点坐标、半径、数据数组等参数。 - 添加交互:可选地,你可以添加点击事件,以显示详细信息或实现其他交互功能。 2. **柱状图**:柱状图用于比较不同类别的数值。...

    Raphael_pie图表

    Raphael.js 是一个著名的JavaScript库,专用于在Web页面上创建矢量图形。这个库使得开发者能够在所有现代浏览器中创建出复杂、交互式的图形,包括饼图(pie chart)。饼图是一种常用的数据可视化工具,它将数据比例...

    raphael.js 绘制柱状图

    `Raphael.js`是一个JavaScript库,专门用于创建SVG(可缩放矢量图形)和VML(矢量标记语言),使得在网页上绘制复杂的图形变得轻而易举。今天我们将深入探讨如何使用`Raphael.js`来绘制柱状图。 `Raphael.js`库的...

    raphael画流程图

    接着,你可以使用`Raphael paper`对象在这个区域内进行绘图,例如: ```javascript var paper = Raphael('绘图区ID', 宽度, 高度); ``` 流程图中的基本图形可以通过Raphaël的构造函数创建,比如`rect`、`ellipse`...

    web设计器-设计流程图[raphael]

    本主题聚焦于使用Raphael库来设计流程图的实践和概念。 Raphael是一个JavaScript库,专为在Web浏览器中创建矢量图形而设计。它支持SVG(可缩放矢量图形)和VML(矢量标记语言),确保在不同的浏览器和设备上都能...

    raphael吉林省地图

    开发者通常会使用这些数据配合Raphaël库来动态渲染地图。 在实际应用中,Raphaël地图可以用于地理信息系统(GIS)、旅游导航、数据分析可视化等多种场景。例如,通过添加交互性,用户可以点击地图上的特定区域...

    raphael 统计图 饼图

    在本案例中,我们将探讨如何使用Raphaël库来制作统计图表,特别是饼图。 首先,Raphaël库的主要优点在于它的跨浏览器兼容性,支持IE6+以及所有现代浏览器,使得开发者能够构建出一致的用户体验。Raphaël提供了一...

Global site tag (gtag.js) - Google Analytics