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

Posted 2020-09-19 llguanli

/*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
    {
        运行操作；
    }