首页 > 代码库 > Raphael.js API 之Element.remove(),Element.removeData(),paper.text(),Element.node(),Element.onDragOver
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
{
执行操作;
}
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
{
执行操作;
}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。