精华内容
下载资源
问答
  • raphael

    2011-07-22 10:18:16
    raphael
  • Raphael

    2014-01-26 17:47:10
    1、官网 http://raphaeljs.com/ 2、github https://github.com/DmitryBaranovskiy/raphael/ 3、中文帮助文档 http://lab.julying.com/raphael-js/docs/

    1、官网

    http://raphaeljs.com/

    2、github

    https://github.com/DmitryBaranovskiy/raphael/

    3、中文帮助文档

    http://lab.julying.com/raphael-js/docs/

    4、应用:

    https://developer.tizen.org/zh-hans/documentation/articles/working-raphael-js-library-on-tizen?langredirect=1


    5、组合图形的事件?


    6、中国地图:

    http://www.helloweba.com/view-blog-242.html

    展开全文
  • Raphael.JSON Raphael.Export Raphael.FreeTransform raphael.serialize
  • raphael.draggable.js,是给raphael.js扩展的拖拽功能。画布整体拖动,还原,以及单独元素拖动。raphael.extension.js
  • raphael demo

    2014-05-16 11:59:07
    this is raphael demo.
  • raphael饼图

    2015-09-11 11:28:52
    raphael饼图,直接下载就能运行,可供参考
  • raphael.js_tests 使用 raphael.js 进行测试
  • raphael动画

    2014-10-12 23:30:24
    Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以...
  • RaphaelJS.group 将 SVG 组元素带入 Raphael JS 框架的插件。 简短的文档 首先看一下在页面中添加脚本的'index.html'文件的源代码。 发起群组: var group = new r.group('container',array); 其中:'r' 是 ...
  • Raphael拓扑图

    2016-09-17 23:56:40
    Raphael做的拓扑图
  • 这是一个自己整理的详细的英文Raphael 2.2参考文档,压缩包内包含pdf参考文档《Learning Raphael JS Vector Graphics》和示例demo。
  • raphaeljs api

    2014-09-24 07:45:48
    raphaeljs api
  • Raphaeljs

    2018-08-14 10:24:40
    快速上手RaphaelJS--Instant RaphaelJS Starter翻译(三)  快速上手RaphaelJS--Instant RaphaelJS Starter翻译(二)  快速上手RaphaelJS-Instant RaphaelJS Starter翻译(一)  转载自...
    展开全文
  • raphael画流程图

    2018-08-22 14:24:26
    raphael画流程图,实现可自定义缩放的效果。raphael画流程图,实现可自定义缩放的效果。
  • barChart-raphaelJS 使用 RaphaelJS 的简单条形图库 创建简单的条形图 比较视图 横向或纵向模式 悬停值的工具提示 多色支持 横向/纵向模式 配置简单 支持 IE 6+ 安装 git clone ...
  • raphael矢量图形库

    2017-12-19 09:28:05
    raphael.js和raphael-min.js文件2.12版本,亲测可用,分享一下
  • raphael.js电子书

    2017-10-13 02:03:50
    Raphael.js PDF文档,说明Raphael.js的优点与D3的区别,以及由浅入深的范例
  • Raphael矢量库的扩展。 它使Raphael能够导入原始SVG数据。 前叉音符 这是的分支。 当原始raphael-svg-import达到0.0.3时,引入了一个重大的向后不兼容更改。 它没有解析SVG文档,而是使用正则表达式。 由于以下几个...
  • raphael.min.js

    2017-09-28 14:38:14
    raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;raphael.min.js;
  • Raphael-Scala-js Raphael.js的Scala.js绑定 要将Raphael-Scala-js添加到您的Scala.js项目中,请将其包含在build.sbt中 resolvers + = " Sonatype snapshots " at " ...
  • raphael-panzoom-源码

    2021-07-06 03:58:35
    Raphael Pan-Zoom 插件
  • 拉斐尔测试 使用 RaphaelJS 显示的定义高度的随机树
  • raphael.js

    2012-02-26 20:30:49
    raphael.js
  • RaphaelJS

    2015-01-10 17:25:02
    RaphaelJS是一个用JavaScript实现的强大的矢量图形库。  (1)使用前准备,下载RaphaelJS,到官网下载。  (2)在相应的HTML页面引入RaphaelJS,如下示例代码: RaphaelJS Demo  (3)在...

         RaphaelJS是一个用JavaScript实现的强大的矢量图形库。

        (1)使用前准备,下载RaphaelJS,到官网下载。

        (2)在相应的HTML页面引入RaphaelJS,如下示例代码:

    <!DOCTYPE html>
    <html>
    <head>
    	<title>RaphaelJS Demo</title>
    </head>
    <body>
    	<div id="paperDiv" style="width: 140px; padding:0px; margin:0px"></div>
    	<script src="raphael-min.js"></script>
    </body>
    </html>

       (3)在通过元素创建一个对象

    var elm = document.getElementById("paperDiv");
    var paper = Raphael(elm, 560, 400);

         或者,直接将元素的id传到Raphael中,如:

    var paper = Raphael("paperDiv", 650, 400);

      (4)画圆circle()

    //var cir = paper.circle(x, y, r);
    //x和y为坐标,r为圆的半径
    var cir = paper.circle(35, 25, 20);

       (5)为形状设置属性attr()

    /*
      语法如下:
      element.attr({
        "property1": value1,
        "property2": value2
      })
    */
    


       如画一个有填充颜色的圆:

    var coloredCircle = paper.circle(35, 25, 20).attr({
        "fill": "#17A9C6",
        "stroke": "#2A6570",
        "stroke-width": 2
    });

       (6)画矩形rect()

    //语法:
    //paper.rect(x, y, width, height, border-radius[optional]);
    //常规矩形
    var rect = paper.rect(20, 20, 170, 100);
    
    //圆角矩形
    var roundedRect = paper.rect(20, 20, 170, 100, 20);

       (7)画椭圆形ellipse()
    //语法:
    //paper.ellipse(x, y, rx, ry);
    var ellipse = paper.ellipse(195, 125, 170, 100);

       (8)画路径path()

    var tri = paper.path("M0,0L26,0L13,18L0.0");

    常用命令及解释



    (9)处理文本text()

    //语法:
    //paper.text(x, y, "text");

    (10)处理变形transform()

    常用命令及解释


    展开全文
  • Raphael.pdf

    2016-03-10 12:05:10
    Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表。 好资源...
  • 使用 raphael.js 的 SVG 转换工具 为了构建项目,请执行以下步骤: npm install (下载项目的依赖项;你需要在本地机器上安装 npm: : ) gulp (构建项目;你需要安装 gulp: : ) 运行“gulp”命令后,查找将...
  • raphael 简单绘图

    2014-09-11 18:30:38
    raphael 绘制流程图 简易版,从入门到深入级别可以参考学习。转载。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,186
精华内容 2,474
关键字:

raphael