
Raphael
风火一回
为了美好的明天,肆意而为!
展开
-
Raphael学习之渐变圆和过度动画(六)
1.渐变圆效果:2.过渡效果原创 2015-04-02 20:15:23 · 1501 阅读 · 0 评论 -
Rahael学习之动画(五)
1.Rapahel.animation(params,ms,[easing],[callback]):创建动画对象 其中,params:动画对象参数, ms:动画持续时间 easing:曲线类型 callback:回调函数,动画结束时调用2.Animation.delay(delay):创建现有动原创 2015-04-02 17:54:51 · 709 阅读 · 0 评论 -
Raphael学习之Paper常用API(四)
1.Paper.add(json):导入json格式的元素json的格式为:{type:“type”,}效果如下:2.Paper.customAttributes:自定义属性效果如下: 3.Paper.buttom:指向画布上的底层元素 Paper.top:指向画布上的顶层元素 Paper.clear():清空画布原创 2015-04-01 16:50:14 · 5030 阅读 · 0 评论 -
Rahael学习之Element API(七)
1. 元素属性设置 Eelement.attr({params键值对});或.Eelement.attr(属性名,属性值); 为元素设置属性。常用属性有: stroke:画笔颜色 stroke-width:画笔宽度 fill:元素填充颜色 fill-opacit原创 2015-04-03 14:58:49 · 944 阅读 · 0 评论 -
Raphael学习之绘制静态饼状图(三)
上一章我们学习了绘制扇形和曲线,这里我们介绍一个最简的饼状图绘制,渲染一个圆40%的区域同样的先要申明一个画布对象:var paper = Raphael("paper", 500, 500);代码如下:显示结果如下:原创 2015-04-01 16:20:46 · 1374 阅读 · 0 评论 -
Raphael 的介绍及圆和椭圆学习(一)
Raphael简介 Raphael是一个很小的JavaScript库,它可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动、动画等等功能。其兼容的浏览器有:Firefox 3.0+、Safari 3.0+、Chrome 5.0+、 Opera 9.5+、IE6.0+。 raphael.js的下载路径:http://download.csdn.net原创 2015-03-31 10:08:52 · 1846 阅读 · 0 评论 -
Raphael学习之曲线,矩形(二)
首先创建一个画板对象:var paper = Raphael("paper", 500, 500);1.绘制曲线 Paper.path(strPath):根据指定路径字符串绘制路径元素 路径字符串格式: M:移动到(x,y)坐标 Z:闭合路径,默认为none L:直线到(x,y)坐标原创 2015-04-01 10:57:13 · 2185 阅读 · 0 评论