• Kinetic使用注意点--layer


    new Layer(config)
      参数:
        config:包含所有配置项的对象。

            

    {
        clearBeforeDraw: "是否在绘图之前清空画板,默认为true",
        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中清除当前层。暂不支持。
    batchDraw():get batch draw。
    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对象。
    

      


      

  • 相关阅读:
    数据库纳管平台DBhouse的技术路线与实践
    srand((unsigned)time(NULL))
    vue3源码理解1
    pygame listbox
    搬家啦!
    查找最大的小岛面积
    cve202222965
    Web字体的@fontface规则说明和应用。
    Ngnx try_files的应用
    Web UserAgent的解释和组成规则
  • 原文地址:https://www.cnblogs.com/maqunjing/p/3160685.html
Copyright © 2020-2023  润新知