Raphael学习之Paper常用API(四)

1.Paper.add(json):导入json格式的元素json的格式为:{type:“type”,<attributes>}


效果如下:



2.Paper.customAttributes:自定义属性


效果如下:

   


3.Paper.buttom:指向画布上的底层元素

   Paper.top:指向画布上的顶层元素

   Paper.clear():清空画布

   Paper.getById(id):获取指定id的元素

   Paper.getElementByPoint(x,y):获取指定坐标最上层的元素

   Paper.getElementsByPoint(x,y):获取指定坐标的所有元素

   Paper.getFont(family,[weight],[style],[stretch]):根据字体属性获取相应的字体对象

   Paper.rephael:指向Raphael对象

   Paper.remove():移除元素对象

   Paper.set():创建元素集合,放入的方法为push()

   Paper.setFinish():结束捕获并返回集合对象

   Paper.setViewBox(x,y,w,h,fit):设置画布的视框,fit表示是否让图形自适应新的画布框

   Paper.text(x,y,text):在画布(x,y)位置注入文本

   Paper.forEach(callback,thisArg):让画布上所有元素都执行回调函数,当返回false时停止执行

   

4.Paper.print(x,y,string,font,[size],[origin],[letter_spacing]):在指定位置上创建文本

    其中:(x,y):坐标点

               string:文本内容

               font:字体对象

               size:字体大小,默认16

               origin:文本垂直对齐方式,默认为middle,还有个值为:baseline

               letter_spacing:范围,默认为0,取值在[-1,1].

  注意:其返回的是一个路径元素



5.Paper.image(src,x,y,width,height):嵌入一张图片


显示效果如下:



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值