首页 > 其他 > 详细

raphael入门到精通---属性和事件篇

时间:2016-01-24 19:30:15      阅读:579      评论:0      收藏:0      [点我收藏+]

属性的使用

上一篇文章我们介绍了raphael如何生成基本的图形(元素),对于每个元素来讲,我们可以添加很多的元素(attr)

下面我就来简单的介绍下元素属性的使用(path元素属性我后面单独列出来介绍)

添加属性的方法是attr(),它有四种传值方式

  1. attrName,value 不解释
  2. params(一个json对象)
  3. attrName 传入一个属性名字它将返回对应的值,很想jquery把
  4. attrNames(数组) 返回对应的数组中属性对应的值

够简单吧,现在来看下有多少属性(这些属性可以参考SVG方面),实际上很多属性使用是和CSS一样的

fill:属性的填充 比如可以用颜色,图片,渐变表示也可以的

stroke : 画笔的颜色

stroke-dasharray : 定义画笔的虚线

stroke-linecap : 线条末端控制图形

stroke-linejoin : 画笔转折处连接点的画风

arrow-end : path结尾的箭头形状

事件的使用

对每个元素来讲,都有对应的事件如下

click ,dbclick ,drag ,hover,mouseover,mousedown ,mouseup,mousemove,mouseout等事件

总结

对于raphael来说基本的元素属性都介绍完了。从下一张开始,我们就开始学习API以及一些高级用法,当然了,自然包含raphael官网的demo实例剖析

raphael入门到精通---属性和事件篇

原文:http://www.cnblogs.com/jsepc01-/p/5155600.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!