raphael.js
关注
分享
扫一扫
Jinx_Q
这个作者很懒，什么都没留下…
展开
-
Raphael.js API之Raphael.svg(),Element.paper,Element.pause(),Raphael.pathBBox(),Raphael.st,Raphael.el
/*API-151*/Raphael.svg();查看浏览器是否支持svg返回类型：布尔类型/*API-34*/Element.paper元素多对应的画布。主要用于插件和可拓展元素。示例：//没使用过不做过多解释Raphael.el.cross = function (){ this.attr({fill: "red"}); this.pap翻译 2014-06-25 15:10:49 · 1529 阅读 · 0 评论 -
Raphael.js API 之Element.remove(),Element.removeData(),paper.text(),Element.node(),Element.onDragOver
/*API-38*/Element.remove()删除某个元素对象，无返回值/*API-39*/Element.removeData([key]);删除某个key的value值，如果没有特殊说明则删除所有的元素数据参数列表：key 可选参数 字符串类型 key返回值：元素对象/*API-105*/在画布上添加一个字符串，如果翻译 2014-06-18 15:24:02 · 1921 阅读 · 0 评论 -
Raphael.js API之Element.id,Element.insertAfter(),Element.insertBefore(),Element.hide(),Paper.clear(),
/*API-21*/Element.idnumber类型元素的唯一id，在你想监听某个元素的时候很有用，因为所有元素都给定格式 ... 对Paper.getById方法也很有用/*API-22*/Element.insertAfter()将当前对象插入到给定元素的后面/*API-23*/Element.insertBefore()将当前对象插入到给定元素的前面翻译 2014-06-18 16:32:50 · 1528 阅读 · 0 评论 -
Raphael.js API之 Element.raphael,Paper.raphael,Paper.print()
/*API-37*/Element.raphaelObject对象Raphael的内部引用，假设它不是可用的示例：Raphael.el.red = function () { var hsb = this.paper.raphael.rgb2hsb(this.attr("fill")); hsb.h = 1; this.attr({fill:翻译 2014-06-18 18:43:07 · 1152 阅读 · 0 评论 -
Raphael.js API 之Element.unclick(),Paper.add(),Paper.rect(),Element.status()
/*API-44*/Element.show()是元素可见/*API-55*/Element.unclick(handler)移除元素的click事件参数列表：handler function { 事件的处理操作； }返回值:元素对象/*API-80*/Paper.add(json)从给定格式的json数组翻译 2014-06-19 11:30:40 · 1169 阅读 · 0 评论 -
Raphael.js API之Element.mousedown(),Element.mousemove(),Element.mouseup(),Element.mouseout(),Element.
/*API-26*/Element.mousedown(handle);为元素添加鼠标按下事件参数列表：handler function { 处理事件 }返回值：元素对象/*API-29*/Element.mouseover(handler)为鼠标悬浮添加事件handler function翻译 2014-06-20 10:46:26 · 1187 阅读 · 0 评论 -
Raphael.js API之 Paper.path(),Element.click()
/*API-93*/Paper.path()Paper.path(pathString)在一个路径上画线参数列表：pathString 可选参数 由单个字母加特殊数据类型和|符号构成如：M 250 720 | 0 50 M 250 850 | 0 -50 | -50 0 | 0 -50 | -50 0 | 0 50 | -50 0 | 0 50翻译 2014-06-17 18:58:01 · 2281 阅读 · 0 评论 -
Raphael.js创建可拖动控件
除了引用的文件总计一个html一个js文件以下附代码：原创 2014-06-19 17:20:27 · 3913 阅读 · 0 评论 -
Raphael.js API之Element.unXXX(),Paper.getElementByPoint(),Paper.getElementsByPoint(),vee(),Element.ge
/*API-56 (59-63)*/Element.undblclick(handler)几乎所有的鼠标事件都有un事件删除或者说是重写元素双击事件参数列表：handler function { 处理事件 }返回值：元素对象/*API-89*/Paper.getElementByPoint(x,y)返回给出点所拥翻译 2014-06-20 17:02:06 · 2185 阅读 · 0 评论 -
Raphael.js最基本绘制示例代码
Raphael Play <!-- #canvas_container { width: 500px; border: 1px solid #aaa; } -->原创 2014-06-23 12:53:29 · 3409 阅读 · 0 评论 -
Raphael.js绘制循环动画
今天有人叫我帮看了一个程序；需要实现的是点击按钮，椭圆线段的一段移动到另外一端；椭圆所关联的另一条线段路径也随之改变；再次点击按钮，效果反之；不多说了两种代码；第一种是我做的；Raphaelvar paper;var state = false;var e;$(function(){ paper = new Raphael("holder",640,480原创 2014-12-11 11:58:56 · 3577 阅读 · 2 评论 -
Raphael.js API之Element.clone(),Element.data(),Element.dblclick()
/*API-10/Element.clone()返回值：给定元素的克隆对象/*API-11*/Element.data(key,value)为给定key值添加值参数列表：key 字符串类型 存储绑定数据的关键字value 可选参数 任意类型 为key绑定的值或事件返回值：元素对象or如果没有没有给valu翻译 2014-06-18 14:37:09 · 875 阅读 · 0 评论 -
Raphael.js API 之 Element.attr()
/*API-8*/Element.attr()设置元素属性参数列表：attrName 字符串类型 string 属性名称value 字符串类型 string 属性值(or)params Object类型 object of name/value pairs(or)attrName 字符串类型翻译 2014-06-18 12:30:50 · 3533 阅读 · 0 评论 -
Raphael绘制箭头arrow
绘制箭头测试var paper; $(function() { paper = Raphael("paper",500,500); var path = paper.path("M 50 60 80 130"); var path_arrow = paper.path(drawArrow(path.id));//生成的每一块原创 2014-07-08 12:28:11 · 4181 阅读 · 1 评论 -
Raphael.js API之Set.forEach(),Set.pop().Set.push(),Set.splice(),eve.listeners(),Raphael.parsePathStri
/*API-159*/Set.forEach(callback,thisArg)//Paper.forEach(callback,thisArg)作用范围貌似比set大为set集合中的每一个元素添加给定的方法如果回调方法的返回值为false那么将停止执行参数列表：callback function 待执行的代码thisArg Object类型翻译 2014-06-25 16:47:18 · 1529 阅读 · 0 评论 -
Raphael.js API之 Raphael.getTotalLength(),Raphael.fn
/*API-125*/Raphael.getTotalLength(path)返回线段总长度参数列表：path 字符串类型 svg图上路径表示字符返回值:number类型长度/*API-117*/Raphael.fn一个扩展插件方法你可以在画布上添加自己的方法。例如：如果你想画一张饼状图，你可以创建自己的饼状图绘制方法，并且你可以把你自己的方翻译 2014-06-30 17:02:45 · 1567 阅读 · 0 评论 -
Raphael.js API之Raphael.getPointAtLength(),Paper.forEach(),Paper.remove(),Paper.set(),Paper.setStart(
/*API-122*/Raphael.getPointAtLength(path, length)给出指定路径上某长度上的点坐标参数列表：path 字符串类型 路径的字符串表达形式length number类型返回值：代表点的对象 格式为：{ x number类型 x轴坐标 y number类型 y轴坐标翻译 2014-06-25 15:56:59 · 2969 阅读 · 0 评论 -
Raphael之拖出控件连线控件
从工具栏拖出工具控件，再画线连接控件，拖动控件位置，线段随之改变。原创 2014-06-25 14:39:04 · 2490 阅读 · 0 评论 -
Raphael.js API之Raphael.pathIntersection(),Raphael.pathToRelative(),Set.clear(),Set.exclude(element)
/*API-141*/Raphael.pathIntersection(path1, path2)获取两条线的交点参数列表：path1 字符串类型 路径的字符串表达形式path2 字符串类型 路径的字符串表达形式返回值：交点集合，格式如下：[{ x: //number类型 点的x坐标 y:翻译 2014-06-24 12:40:27 · 1573 阅读 · 0 评论 -
Raphael之arrow-end属性简析
近日发现，有些时候现成的方法原创 2014-07-05 15:20:42 · 2733 阅读 · 0 评论 -
Raphael.js API之Element.drag()，Element.toBack()
/*(API-13)*/Element.drag();Element.drag(onmove,onstart,onend,[mcontext],[scontext],[econtext])带[]为可选参数参数列表：onmove function { 对于moving移动中的处理操作 }onstart function翻译 2014-06-17 16:29:32 · 1526 阅读 · 0 评论 -
Raphael.js API之Paper.image(),Element.animate()
/*API-6*/Element.animate()为给定的元素创建和启动动画参数列表：1：参数 Object类型 为最终的元素设置属性[比如在Element.drag()中的onend事件中设置元素属性： function onend() { this.animate({"fill-opacity翻译 2014-06-17 17:28:21 · 1913 阅读 · 0 评论 -
Raphael.js API之 Animation.delay(),Animation.repeat(),Element.animateWith()
/*API-1,2*/AnimationAnimation.delay(delay)复制一个现有的动画对象并为其设置延迟参数列表：delay number类型 动画延迟毫秒数返回值：最新修改的动画对象示例：var anim = Raphael.animation({cx: 10, cy: 20}, 2e3);circle1.animat翻译 2014-06-18 09:57:05 · 1776 阅读 · 0 评论 -
Raphael.js API之Raphael.angle()，Raphael.rad()， Paper.customAttributes,Paper.renderfix()
/*API-108*/ Raphael.angle(x1, y1, x2, y2, [x3], [y3]) 返回两点或者三点之间的角度,自己绘制箭头会用到 参数列表： x1 number类型 第一个点x坐标y1 number类型 第一个点y坐标x2 number类型 第二个点x坐标y2 number类翻译 2014-07-07 18:54:45 · 1738 阅读 · 0 评论 -
raphael.js arrow颜色修改
官方默认的arrow-end属性，多条线的话箭头颜色都是跟最后一根设置箭头的颜色一样，看到网上一篇文章思路影响，但是那篇文章又没有完整示例，所以我自己搞了一个完整示例。 1、默认情况下代码：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>原创 2017-06-01 15:27:56 · 2895 阅读 · 0 评论