Raphael
Raphael.js在html5来临之后在web端绘制svg图的一个锋利工具。
Jinx_Q
这个作者很懒,什么都没留下…
展开
-
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 · 2873 阅读 · 0 评论 -
Raphael.js绘制循环动画
今天有人叫我帮看了一个程序; 需要实现的是点击按钮,椭圆线段的一段移动到另外一端;椭圆所关联的另一条线段路径也随之改变;再次点击按钮,效果反之; 不多说了两种代码; 第一种是我做的; Raphael var paper; var state = false; var e; $(function() { paper = new Raphael("holder",640,480原创 2014-12-11 11:58:56 · 3563 阅读 · 2 评论 -
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 · 2267 阅读 · 0 评论 -
Raphael.js绘制气泡墙
这是我为一家公司做的移动端气泡墙原创 2014-09-14 02:04:13 · 2097 阅读 · 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 · 4170 阅读 · 1 评论 -
Raphael之arrow-end属性简析
近日发现,有些时候现成的方法原创 2014-07-05 15:20:42 · 2723 阅读 · 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 · 2959 阅读 · 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 · 2177 阅读 · 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 · 3516 阅读 · 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 · 1915 阅读 · 0 评论 -
Raphael.js创建可拖动控件
除了引用的文件总计一个html一个js文件 以下附代码:原创 2014-06-19 17:20:27 · 3904 阅读 · 0 评论 -
Raphael.js最基本绘制示例代码
Raphael Play <!-- #canvas_container { width: 500px; border: 1px solid #aaa; } -->原创 2014-06-23 12:53:29 · 3398 阅读 · 0 评论 -
Raphael之拖出控件连线控件
从工具栏拖出工具控件,再画线连接控件,拖动控件位置,线段随之改变。原创 2014-06-25 14:39:04 · 2479 阅读 · 0 评论