博客首页 → Raphaël

最新文章列表

Raphael 曲线图使用示例

var linesComment=['a','b','c'];///数据线条说明 var dataY=[ [0, 0, 406, 254, 171, 47, 24, 58, 104, 255, 396, 264], [0,0,300,400,300,282,70,50,90,100,110,120], [0,0,100,200,300,382,170, ...
Raphael曲线图g.raphaellinechart 
erntoo 评论(0) 有573人浏览 2016-11-03 00:53

raphael旅程(第一天)

开启raphael神秘旅程，今天是raphael第一步。raphael是基于html5的绘制矢量图的js类库，下面开始绘制第一个图形（圆）： <!DOCTYPE HTML> <html> <head> <title>raphal</title> <script type=" ...
raphael 
MylinuxGod 评论(0) 有382人浏览 2016-05-22 11:52

Raphael调研例子

Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制任意形状的图形，可以进行图表或图像的裁剪和旋转等复杂操作。 Raphaël 是跨浏览器的矢量图形库，目前支持的浏览器包括： Firefox 3. ...
Raphaeljavascript 
jackiee_cn 评论(0) 有675人浏览 2015-01-30 15:52

初识raphael做饼图及折线图

本文参考：http://www.cnblogs.com/lhb25/archive/2013/01/06/raphael-js-reference.html 技术交流群：312740759 最近因项目需要用到raphael做图表之类的，所以研究了下，网上的资料可真不多，这里我把我用到的给大家分享下 先看图，这是我用到的折线图和饼图，raphael主要用来画矢量图形的，毕竟没有专业的图表工具好用，很多 ...
JavaScriptraphael图表折线图 
hehaisu 评论(0) 有1592人浏览 2013-12-05 11:25

IE9以下的无需插件显示svg

https://github.com/wout/raphael-svg-import.git(简单的svg) http://julying.com/lab/raphael-js/docs/（中文API） www.readysetraphael.com(复杂的svg先转成raphael  js) <html> <head> <script type="tex ...
raphaelsvg跨浏览器 
zaq369cde 评论(0) 有1875人浏览 2013-06-28 00:06

Raphaël—JavaScript Library

研究了一天的拉菲尔，呼呼，在我贫乏的JS基础上研究了这么些，算是初步完成我想要的效果吧，明天继续，希望能实现我要的效果 <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset= ...
Raphaël拉菲尔 
feilying 评论(0) 有929人浏览 2013-05-15 17:08

Titanium加载数据到内嵌WebView控件

Titanium 2.x/3.x没有图表（chart）功能，用WebView控件来集成第三方JS图标库是一个解决方案。 使用WebView + local html时，WebView加载html中用<script/>引入的JavaScript文件，不能和普通Web一样引用。 在IOS平台上可以用"app://"前缀来指定js文件的绝对路径，来解决。例如，      ...
TitaniumJavascriptWebViewRaphaelHighCharts 
小熊2号 评论(0) 有1425人浏览 2013-02-17 13:16

Javascript统计图库Raphael/gRaphael的一些使用技巧

如何修改Raphael的Line Chart的X轴下标？ var r = Raphael("chartDiv"); var lines = r.linechart(...); var xValues = lines.axis[0].text.items; for(x in xValues) { xValues[x].attr( ...
JavaScriptRaphaelTitanium移动开发统计图 
小熊2号 评论(0) 有1640人浏览 2013-02-17 13:03

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

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

Raphael+D3实现中国热点地图

Raphael为矢量图形提供了完美的跨浏览器实现方案。在支持SVG的浏览器中，它将代码渲染成SVG格式，在不支持SVG的浏览器中则会渲染为VML格式。只要对SVG有一定了解，上手Raphael也会很简单。 D3.js是个比较流行的数据可视化库，通过将数据绑定到DOM，再映射到document中。   使用Raphael实现一张中国地图： var R = Raphael(divId, 5 ...
Raphael热点地图 
z272705615 评论(1) 有4974人浏览 2012-06-23 13:36

利用raphael画svg时间选择区间体会

1.如何构造二维数组  var arr = new Array();//定义一个一维数组  for(var i=0 ; i<24; i++){ var a = new Array();//在循环体里面再定义一个数组  arr.push(a);//将数组pu ...
raphaeljquery 
chenhua1920 评论(0) 有229人浏览 2012-05-24 12:38

Raphael学习笔记（5）--绘图（路径【椭圆曲线】）

  1、椭圆曲线简介     前面的学习笔记：Raphael学习笔记（3）--绘图（路径【直线】）简单的描述了绘制椭圆曲线的参数，但没有详细的介绍各个参数的含义，这次，我们就详细的学习一下椭圆曲线的绘制。   A(a) elliptical arc (rx ry x-axis-rotation large-arc-flag sweep-flag x y) ；  
web前端绘图raphael 
lib 评论(1) 有7433人浏览 2012-04-13 15:55

Raphael学习笔记（4）--绘图（路径【贝塞尔曲线】）

贝塞尔曲线的基础知识   其它的什么都不说了，直接上代码：     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmln ...
web前端绘图raphael 
lib 评论(0) 有4609人浏览 2012-04-12 20:43

Raphael学习笔记（3）--绘图（路径【直线】）

  1、路径简介   Paper.path(pathString)：绘制路径； 参数含义： pathString：描述路径的字符串；   下面详细描述一下路径字符串的内容和书写风格。 路径由2部分组成：命令和坐标。 （1）命令：单个大（小）写字母。大写字母表示绝对坐标，小写字母表示相对坐标； （2）坐标：一个或多个数字。多个数字之间使用逗号或者空格隔开；
web前端绘图raphael 
lib 评论(0) 有12531人浏览 2012-04-09 19:26

Raphael学习笔记（2）--绘图（基本图形）

1、图形简介   与html5不同，Raphael提供了以下基本图形：矩形、圆形、椭圆形（html5只有矩形）。   Paper.rect(x,y,width,height,r)：绘制矩形； 参数含义： x,y：矩形左上角相对于原点(0,0)的坐标； width,height：矩形的宽度和高度； r：矩形圆角的半径；   Paper.circle(x,y,r)：绘制圆形； ...
web前端绘图raphael 
lib 评论(0) 有9021人浏览 2012-04-09 16:05

Raphael学习笔记（1）--简介

Raphael是一个JavaScript类库，用来在web上绘制矢量图。Raphael通过判断浏览器的不同，创建svg或vml对象，从而达到跨浏览器的效果。【svg简介，svg入门教程，vml简介，vml入门教程】 这意味着，无论是svg还是vml对象，都是一种DOM对象，所以我们可以为它们绑定事件或者修改它们。 Raphael支持用户自定义的扩展，我们可以在此之上扩展自己的组件。例如：g ...
web前端绘图raphael 
lib 评论(1) 有12818人浏览 2012-04-07 17:06

JSConf 2010 （三）：Raphaël、优化前端性能

提到Raphaël，就得先说说SVG，可缩放矢量图形（Scalable Vector Graphics，SVG）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG由W3C制定，是一个开放标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。   SVG图形格式优点： 1. 图像文件可读，易于修改和编辑 ...
JSConfRaphaël前端性能 
RayChase 评论(0) 有1380人浏览 2011-01-14 00:48

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics