zoukankan      html  css  js  c++  java
  • Kinetic使用注意点--container

    <virtual> new Container(config)
      参数:
        config:包含所有配置项的对象。
            

    {
        x: "横坐标",
        y: "纵坐标",
         "宽度",
        height: "高度",
        visible: "是否可见,默认为true",
        listening: "是否处于事件监听状态,默认为false",
        id: "唯一标识符",
        name: "名称(非唯一)",
        opacity: "blob透明度,取值为0-1",
        scale: "缩放量,可以用数组[a,b]或对象{x:a,y:b}来表示",
        scaleX: "x缩放量",
        scaleY: "y缩放量",
        rotation: "旋转角度,单位为弧度",
        rotationDeg: "旋转角度,单位为角度",
        offset: "偏移量,可以用数组[a,b]或对象{x:a,y:b}来表示",
        offsetX: "x偏移量",
        offsetY: "y偏移量",
        draggable: "是否启用节点拖动功能,默认为false",
        dragBoundFunc: "拖动边界函数",
        clipFunc: "裁剪函数"
    }
    

      方法:

    add(child):向容器中添加节点。
    clear():从canvas中清除当前层。暂不支持。
    clone(attrs):克隆节点,允许属性覆盖。    
    destroy():移除并且销毁节点。暂不支持。
    destroyChildren():移除并且销毁子节点。暂不支持。
    fire(eventType, evt, bubble):
         eventType:事件类型。
         evt:事件对象。
         bubble:是否冒泡,true/false,默认false不冒泡。
    get(selector):获取子节点。
    getAbsoluteOpacity():获取透明度。
    getAbsolutePosition():获取相对于容器左上角的位置坐标。
    getAbsoluteTransform():获取变换对象。
    getAbsoluteZIndex():获取层次索引。暂不支持。
    getAllIntersections(pos):获取所有包含pos坐标的节点。
    getAttr(attr):获取指定属性的属性值。
    getAttrs():获取属性对象。
    getCanvas():获取canvas渲染器。暂不支持。
    getChildren():获取所有子节点。
    getClassName():获取类型名。
    getClearBeforeDraw():获取是否设置了在绘画之前清空canvas。
    getClipFunc():获取裁剪函数。
    getContext():获取canvas上下文。
    getDragBoundFunc():获取边界函数。
    getDraggable():获取可拖动性。
    getHeight():获取高度。
    getHitCanvas():获取碰撞canvas。
    getId():获取id。
    getLayer():获取所在层。
    getLevel():获取节点层级,stage层级是0,layers层级是1,groups和shapes层级>=2。
    getListening():是否正处于事件监听状态。
    getName():获取名字。
    getOffset():获取偏移值。
    getOffsetX():获取x轴方向偏移值。
    getOffsetY():获取y轴方向偏移值。
    getOpacity():获取透明度。
    getParent():获取父容器。
    getPosition():获取相对于父节点的位置。
    getRotation():获取旋转幅度。
    getRotationDeg():获取旋转角度。
    getScale():获取缩放量。
    getScaleX():获取x轴缩放量。
    getScaleY():获取y轴缩放量。
    getSize():查询尺寸。
    getSkew():查询坐标。
    getSkewX():查询横坐标。
    getSkewY():查询纵坐标。
    getStage():获取stage。
    getTransform():获取节点变换对象。
    getType():获取节点类型。
    getVisible():检测节点可见性。
    getWidth():获取节点宽度。
    getX():获取节点横坐标。
    getY():获取节点纵坐标。
    getZIndex():获取相对于兄弟节点的层级。
    hasChildren():检测是否有子节点。
    hide():隐藏节点。
    isAncestorOf(node):判断当前节点是否是某个节点的祖先节点。
    isDraggable():检测节点是否可以拖动。
    isDraggable():检测节点是否可以拖动,等同于getDraggable()。
    isDragging():检测节点当前是否处于拖拽模式。
    isListening():检测节点当前是否处于事件监听模式,等同于getListening()。
    isVisible():检测节点的可见性,等同于getVisible()。
    move(x, y):相对于节点当前位置的移动。
    moveDown():下移节点。
    moveTo(newContainer):移动节点到新的容器。
    moveToBottom():移动节点到它的兄弟节点的下面。
    moveToTop():移动节点到它的兄弟节点的上面。
    moveUp():上移节点。
    off(typesStr):移除节点的事件绑定。多个事件名用空格分隔。也可以使用命名空间的方式移除事件绑定。
    on(typesStr, handler):添加事件绑定。多个事件名用空格分隔。也可以使用命名空间的方式进行事件绑定。
    remove():移除节点,但是不会销毁。
    removeChildren():移除所有子节点,但是不会销毁。
    rotate(theta):让节点旋转指定的幅度。
    rotateDeg(deg):让节点旋转指定的角度。
    setAbsolutePosition(x, y):设置节点的绝对位置。
    setAttr(attr):设置节点的单个属性。
    setAttrs(config):设置节点的多个属性。
    setClearBeforeDraw(clearBeforeDraw):设置节点重绘前是否需要清空之前的绘制,clearBeforeDraw可以为true/false。
    setClipFunc(deg):设置裁剪函数。
    setDragBoundFunc(dragBoundFunc):设置边界函数。
    setDraggable(draggable):设置节点可拖动性。
    setHeight(height):设置节点高度。
    setId(id):设置节点id。
    setListening(listening):设置事件监听状态。
    setName(name):设置节点名称。
    setOffset(x, y):设置节点偏移值。
    setOffsetX(x):设置节点x轴方向偏移值。
    setOffsetY(y):设置节点y轴方向偏移值。
    setOpacity(opacity):设置节点透明度。
    setPosition(x, y):设置节点相对于父节点位置。
    setRotation(theta):设置节点旋转幅度。
    setRotationDeg(deg):设置节点旋转角度。
    setScale(scale):设置节点缩放比。
    setScaleX(x):设置节点x轴方向缩放比。
    setScaleY(y):设置节点y轴方向缩放比。
    setSize(width, height):设置节点尺寸。
    setSkew(x, y):设置节点坐标。
    setSkewX(x):设置节点横位置。
    setSkewY(y):设置节点纵位置。
    setVisible(visible):设置节点可见性。
    setWidth(width):设置节点宽度。
    setX(x):设置节点x轴坐标。
    setY(y):设置节点y轴坐标。
    setZIndex(zIndex):设置节点相对于兄弟节点的层级。
    show():显示节点。
    startDrag():开始拖动。
    stopDrag():停止拖动。
    toDataURL(config):创建图片data url。
        {
            callback:"合成后的回调函数",
            mimeType:"指定合成图片的类型,image/png是默认类型",
            x:"横坐标",
            y:"纵坐标",
            "宽度",
            height:"高度",
            quality:"合成图片的质量,0-1"
        }
    toImage(config):合成图片。
       {
            callback:"合成后的回调函数",
            mimeType:"指定合成图片的类型,image/png是默认类型",
            x:"横坐标",
            y:"纵坐标",
            "宽度",
            height:"高度",
            quality:"合成图片的质量,0-1"
       }
    toJSON():将节点转换为json字符串。
    toObject():将json字符串转换为json对象。
    

      


      

  • 相关阅读:
    【算法学习笔记】76.DFS 回溯检测 SJTU OJ 1229 mine
    【算法学习笔记】75. 动态规划 棋盘型 期望计算 1390 畅畅的牙签盒(改)
    【算法学习笔记】74. 枚举 状态压缩 填充方案 SJTU OJ 1391 畅畅的牙签袋(改)
    【算法学习笔记】73.数学规律题 SJTU OJ 1058 小M的机器人
    【算法学习笔记】72.LCS 最大公公子序列 动态规划 SJTU OJ 1065 小M的生物实验1
    【算法学习笔记】71.动态规划 双重条件 SJTU OJ 1124 我把助教团的平均智商拉低了
    【算法学习笔记】70.回文序列 动态规划 SJTU OJ 1066 小M家的牛们
    【算法学习笔记】69. 枚举法 字典序处理 SJTU OJ 1047 The Clocks
    【算法学习笔记】68.枚举 SJTU OJ 1272 写数游戏
    【算法学习笔记】67.状态压缩 DP SJTU OJ 1383 畅畅的牙签袋
  • 原文地址:https://www.cnblogs.com/maqunjing/p/3160652.html
Copyright © 2011-2022 走看看