Raphael.js API 之Element.remove(),Element.removeData(),paper.text(),Element.node(),Element.onDragOver
时间:2014-06-22 17:55:38
收藏:0
阅读:296
/*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
{
执行操作;
}
评论(0)