zoukankan      html  css  js  c++  java
  • 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*/
    在画布上添加一个字符串,如果需要换行,使用' '
    参数列表:
    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
        {
            执行操作;
        }

  • 相关阅读:
    gulp编译sass
    Material Design学习
    js爬虫心得
    js爬虫
    angularjs
    sass心得
    矩阵与线性代数学习笔记
    2-SAT学习笔记
    一个有趣的题目【二分答案,2-SAT,线段树优化】
    vijos训练之——星辰大海中闪烁的趣题
  • 原文地址:https://www.cnblogs.com/MedivhQ/p/3801375.html
Copyright © 2011-2022 走看看