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 · 2985 阅读 · 0 评论 -
Raphael.js绘制循环动画
今天有人叫我帮看了一个程序；需要实现的是点击按钮，椭圆线段的一段移动到另外一端；椭圆所关联的另一条线段路径也随之改变；再次点击按钮，效果反之；不多说了两种代码；第一种是我做的；Raphaelvar paper;var state = false;var e;$(function(){ paper = new Raphael("holder",640,480原创 2014-12-11 11:58:56 · 3618 阅读 · 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 · 2310 阅读 · 0 评论 -
Raphael.js绘制气泡墙
这是我为一家公司做的移动端气泡墙原创 2014-09-14 02:04:13 · 2125 阅读 · 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 · 4218 阅读 · 1 评论 -
Raphael之arrow-end属性简析
近日发现，有些时候现成的方法原创 2014-07-05 15:20:42 · 2762 阅读 · 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 · 2990 阅读 · 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 · 2209 阅读 · 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 · 3569 阅读 · 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 · 1937 阅读 · 0 评论 -
Raphael.js创建可拖动控件
除了引用的文件总计一个html一个js文件以下附代码：原创 2014-06-19 17:20:27 · 3943 阅读 · 0 评论 -
Raphael.js最基本绘制示例代码
Raphael Play <!-- #canvas_container { width: 500px; border: 1px solid #aaa; } -->原创 2014-06-23 12:53:29 · 3471 阅读 · 0 评论 -
Raphael之拖出控件连线控件
从工具栏拖出工具控件，再画线连接控件，拖动控件位置，线段随之改变。原创 2014-06-25 14:39:04 · 2517 阅读 · 0 评论