随笔分类 - Raphael.js
1
摘要:JSON test控制台打印结果:[{"name":"Q0","age":0},{"name":"Q1","age":1},{"name":"Q2","age":2},{"name":"Q3","age":3},{"name":"Q4","age":4},{"name":&quo
阅读全文
摘要:/*API-108*/Raphael.angle(x1, y1, x2, y2, [x3], [y3])返回两点或者三点之间的角度,自己绘制箭头会用到参数列表:x1 number类型 第一个点x坐标y1 number类型 第一个点y坐标x2 number类型 第二个点x坐标y2 number类型 第...
阅读全文
摘要:近日发现,有些时候现成的方法需要仔细琢磨才可以知道它适用的环境。本来想偷懒不去自己写方法绘制直线末端的箭头,后来发现arrow-end属性不适用。原来该属性可以认为是全局的一个静态变量。做了一个测试代码: arrow-end . change lines很明显,每次结果直线的...
阅读全文
摘要:/*API-125*/Raphael.getTotalLength(path)返回线段总长度参数列表:path 字符串类型 svg图上路径表示字符返回值:number类型长度/*API-117*/Raphael.fn一个扩展插件方法你可以在画布上添加自己的方法。例如:如果你想画一张饼状图,你可以创建...
阅读全文
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...
阅读全文
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...
阅读全文
摘要:/*API-151*/Raphael.svg();查看浏览器是否支持svg返回类型:布尔类型/*API-34*/Element.paper元素多对应的画布。主要用于插件和可拓展元素。示例://没使用过不做过多解释Raphael.el.cross = function (){ this.attr({f...
阅读全文
摘要:1)代码控件之间的连线可以随控件移动而改变位置 拖动我到黑布里面 点击我再选择两个矩形画线2)示例图:3)免费源代码地址http://download.csdn.net/detail/wow4464/7549803
阅读全文
摘要:/*API-141*/Raphael.pathIntersection(path1, path2)获取两条线的交点参数列表:path1 字符串类型 路径的字符串表达形式path2 字符串类型 路径的字符串表达形式返回值:交点集合,格式如下:[{ x: //number类型 点的x坐标 y: //...
阅读全文
摘要:Raphael Play 2)效果演示图:
阅读全文
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...
阅读全文
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 { ...
阅读全文
摘要:除了引用的文件总计一个html一个js文件(引用jquery.js,juery-ui.js,Raphael.js)有一些小bug,建议使用chrome。以下附代码:1)html代码无标题文档 保存 导入 导出 保存退出 删除 ...
阅读全文
摘要:/*API-44*/Element.show()使元素可见/*API-55*/Element.unclick(handler)移除元素的click事件参数列表:handler function { 事件的处理操作; }返回值:元素对象/*API-80*/Paper.add(json)从给定格式的j...
阅读全文
摘要:/*API-37*/Element.raphaelObject对象Raphael的内部引用,假设它不是可用的示例:Raphael.el.red = function () { var hsb = this.paper.raphael.rgb2hsb(this.attr("fill")); hsb.h...
阅读全文
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*/Elemen...
阅读全文
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*...
阅读全文
摘要:/*API-10/Element.clone()返回值:给定元素的克隆对象/*API-11*/Element.data(key,value)为给定key值添加值参数列表:key 字符串类型 存储绑定数据的关键字value 可选参数 任意类型 为key绑定的值或事件返回值:元素对象or如果没有没有给v...
阅读全文
摘要:/*API-8*/Element.attr()设置元素属性参数列表:attrName 字符串类型 string 属性名称value 字符串类型 string 属性值(or)params Object类型 object of name/value pairs(or)attrName 字符串类型 str...
阅读全文
1

浙公网安备 33010602011771号