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*/

在画布上添加一个字符串,如果需要换行,使用‘\n‘

参数列表:

x

number类型

x轴坐标位置

y

number类型

y轴坐标

text

字符串类型

文本内容

返回值:type为‘text‘的元素对象

示例:

var paper = Raphael(document.getElementById("text"),100,100);

var text = paper.text(30,30,‘This is the text‘);

/*API-32*/

Element.node()

给定一个DOM对象,你可以去操作它,为它添加事件。

示例:/*测试结果不是很好,经常失效,因为你需要点击到指定位置才会触发,比如圆圈要点在圆圈边缘*/

var c = paper.circle(10, 10, 10);

c.node.onclick = function ()

{

c.attr("fill", "red");

};

/*API-33*/

Element.onDragOver(f)

为 drag.over.<id>事件添加的便捷操作

参数列表:

f

function

{

执行操作;

}

Raphael.js API 之Element.remove(),Element.removeData(),paper.text(),Element.node(),Element.onDragOver

时间: 2024-10-25 18:13:53

Raphael.js API 之Element.remove(),Element.removeData(),paper.text(),Element.node(),Element.onDragOver的相关文章

Raphael.js API之Raphael.pathIntersection(),aphael.pathToRelative(),Set.clear(),Set.exclude(element)

/*API-141*/Raphael.pathIntersection(path1, path2)获取两条线的交点参数列表:path1    字符串类型    路径的字符串表达形式path2    字符串类型    路径的字符串表达形式返回值:交点集合,格式如下:[{    x:       //number类型 点的x坐标    y:       //number类型 点的y坐标    t1:      //number类型   value for segment of path1(不太确定中

Raphael.js改变元素层叠顺序

Raphael.js 元素(Element)改变层叠顺序,Raphael.js是一个矢量绘图库兼容svg和vml.初学时感觉css的z-index能搞定,结果是不支持,不过矢量绘图符合dom标准.可以改变dom加载顺序实现想要的结果. 1.看Raphael.js API,有关于改变层叠的方法,但只找到两个互换.查看源码发现有改变dom结构的方法. 2.XML DOM appendChild() 方法 移除原有元素插入到新位置.刚开始以为只新增,不移除原有.走了很多弯路,基础不扎实. 3.Raph

node.js(API解读) - process (http://snoopyxdy.blog.163.com/blog/static/60117440201192841649337/)

node.js(API解读) - process 2011-10-28 17:05:34|  分类: node |  标签:nodejs  nodejsprocess  node.jsprocess  nodjsapi  node.jsapi   |举报 |字号 订阅 下载LOFTER 我的照片书  | nodejs的process是一个全局对象,他提供了一些方法和属性,node.js官方的API说的很简单,并没有把一些详细的应用方法和作用写出来,下面结合我自己的学习,做一下小结吧.1.Even

raphael.js的使用

1.raphael.js svg画图的开源库,支持IE8+ 官方api: http://dmitrybaranovskiy.github.io/raphael/reference.html Github地址: https://github.com/DmitryBaranovskiy/raphael/ 2.js引用 //raphael.js主库 <script src="./raphael.js" type="text/javascript"></s

微信公众号支付 js api java版本

说起来.微信支付真是一堆坑. 居然官网都没有java版本的完整代码. 就算是php版本的.还都有错误.且前后各种版本.各种文档一大堆....不停的误导开发人员. 花了一天半时间.总算实现了微信公众号支付.和pc端的微信扫码支付.其他不说了.直接给思路 本人做的是微信V3版本的微信支付.微信的官方文档中.提供的demo 只有一些工具类.这些类还是很有作用的. https://mp.weixin.qq.com/paymch/readtemplate?t=mp/business/course3_tmp

raphael.js 使用指南

RaphaelJS是一个用JavaScript实现的强大的矢量图形库. (1)使用前准备,下载RaphaelJS,到官网下载. (2)在相应的HTML页面引入RaphaelJS,如下示例代码: <!DOCTYPE html> <html> <head> <title>RaphaelJS Demo</title> </head> <body> <div id="paperDiv" style=&qu

JS API

一.节点1.1 节点属性 Node.nodeName //返回节点名称,只读Node.nodeType //返回节点类型的常数值,只读Node.nodeValue //返回Text或Comment节点的文本值,只读Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写Node.baseURI //返回当前网页的绝对路径 Node.ownerDocument //返回当前节点所在的顶层文档对象,即documentNode.nextSibling //返回紧跟在当前节

前端开发常用原生JS API合集

一.节点 1.1 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 Node.ownerDocument //返回当前节点所在的顶层文档对象,即document Node.nextSibling //返回

vue中使用raphael.js实现地图绘制

一.效果图 二.在vue中引入raphael.js npm i raphael -S 三.封装一个名为StreetMap的组件,代码如下 1 <template> 2 <div> 3 <div id='streetMap'> 4 <div class="tips" v-show="tipsShow" :style="tipsStyle"> 5 <span v-html="tipsCo