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

{
clearBeforeDraw: "是否在绘图之前清空画板,默认为true",
x: "横坐标",
y: "纵坐标",
width: "宽度",
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:"纵坐标",
width:"宽度",
height:"高度",
quality:"合成图片的质量,0-1"
}
toImage(config):合成图片。
{
callback:"合成后的回调函数",
mimeType:"指定合成图片的类型,image/png是默认类型",
x:"横坐标",
y:"纵坐标",
width:"宽度",
height:"高度",
quality:"合成图片的质量,0-1"
}
toJSON():将节点转换为json字符串。
toObject():将json字符串转换为json对象。

  

  

Kinetic使用注意点--layer的更多相关文章

  1. KineticJS教程(1-2)

    1.基本结构 KineticJS首先是要绑定到HTML页面上的一个DOM容器元素上,比如最常用的<div>标签.KineticJS在此容器中创建一个称之为舞台(stage)的结构,这个舞台 ...

  2. Ubuntu 16.04 使用docker资料汇总与应用docker安装caffe并使用Classifier(ros kinetic+usb_cam+caffe)

    Docker是开源的应用容器引擎.若想简单了解一下,可以参考百度百科词条Docker.好像只支持64位系统. Docker官网:https://www.docker.com/ Docker - 从入门 ...

  3. 关于Layer弹出框初探

    layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,laye ...

  4. layer.js中layer.tips

    <script src="~/Content/js/layer/layer.js"></script> layer.tips('名称不能为空', '#pro ...

  5. 弹出层layer的使用

    弹出层layer的使用 Intro layer是一款web弹层组件,致力于服务各个水平段的开发人员.layer官网:http://layer.layui.com/ layer侧重于用户灵活的自定义,为 ...

  6. layer弹出信息框API

    首先向大家推荐layer,在这里也非常感谢贤心的贡献,非常不错的信息框及弹出层解决方案,为一些项目的前端开发提高了很大的效率,希望layer 越办越好! 下面是API,呵呵,官方抄袭过来的,为了自己看 ...

  7. 如果layer层在iframe下不居中滚动

    需要在layer前面加上parent.layer. 2.运用layer层的步骤: 1.引入1.8版本以上的jquery文件 <script type="text/javascript& ...

  8. iOS CoreAnimation详解(一) 有关Layer的动画

    以前由于项目需要 也写了一些动画 ,但是知识不系统,很散.这段时间趁着项目完成的空袭,来跟着大神的脚步系统的总结一下iOS中Core Animation的知识点. 原博客地址:http://blog. ...

  9. web 前端常用组件【07】弹出层 Layer

    web 项目中总是需要弹出框,来让用户进行下一步的操作. 大到弹出另外一个页面,小到弹出提示.确认等. 经手几个项目,还是感觉 Layer 用起来比较的轻松,你能想到的 Layer 都能帮你做到. 感 ...

随机推荐

  1. oracle数据库性能调优

    一:注意WHERE子句中的连接顺序: ORACLE采用自下而上的顺序解析WHERE子句,根据这个原理,表之间的连接必须写在其他WHERE条件之前, 那些可以过滤掉最大数量记录的条件必须写在WHERE子 ...

  2. 类、对象以及jvm运行内存解析

    一.JVM内存的分析: 第一步:存放在硬盘上的程序首先要被加载到内存空间中. 第二步:内存中的jvm找到程序中main函数作为入口,然后开始执行. 第三步:执行过程中的内存管理:内存分为四个部分: 栈 ...

  3. [改善Java代码]构造函数尽量简化

    建议34: 构造函数尽量简化 我们知道在通过new关键字生成对象时必然会调用构造函数,构造函数的简繁情况会直接影响实例对象的创建是否繁琐.在项目开发中,我们一般都会制订构造函数尽量简单,尽可能不抛异常 ...

  4. 基于ArcEngine与C#的鹰眼地图实现

    鹰眼图是对全局地图的一种概略表达,具有与全局地图的空间参考和空间范围.为了更好起到空间提示和导航作用,有些还具备全局地图中重要地理要素,如主要河流.道路等的概略表达.通过两个axMapControl控 ...

  5. JS轮播图

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  6. Servlet & JSP - Servlet API Overview

    Servlet & Generic & HttpServlet 类图 Servlet 的生命周期 init.service 和 destroy 是 servlet 的生命周期方法,它们 ...

  7. Lombok(1.14.8) - @Cleanup

    @Cleanup @Cleanup,关闭流.如果最后清理资源的方法不是 close(),可以指定,例如 @Cleanup("clean"). package com.huey.lo ...

  8. 让无线网卡同时工作在 AP 和 STA 模式

    这个帖子里的方法有点过时了,不推荐继续使用. 有的时候会碰到这么一种情况,带着电脑和手机出去蹭网,无奈只有一个账号,手机上了电脑就没得用了,电脑用了手机就上不了网.如果能用电脑连接 Wifi 然后再开 ...

  9. 自定义ListView适配器

    继承BaseAdapter类 覆盖以下4个方法: @Override public int getCount() { return users.size(); } @Override public O ...

  10. error LNK2005: DDX_Control 已经在 uafxcwd.lib(wincore2.obj) 中定义

    编译错误提示: 1>afxnmcdd.lib(wincore2.obj) : error LNK2005: "void __stdcall DDX_Control(classCData ...