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

{
image: "图片对象",
crop: "图片裁剪对象",
fill: "填充色",
fillRGB: "rgb填充色。用对象字面量表示{r:0,g:0,b:0}",
fillR: "r填充色",
fillG: "g填充色",
fillB: "b填充色",
fillPatternImage: "填充图案",
fillPatternX: "填充图案横坐标",
fillPatternY: "填充图案纵坐标",
fillPatternOffset: "填充图案偏移量,可以用数组[a,b]或对象{x:a,y:b}来表示",
fillPatternOffsetX: "填充图案x偏移量",
fillPatternOffsetY: "填充图案y偏移量",
fillPatternScale: "填充图案缩放量,可以用数组[a,b]或对象{x:a,y:b}来表示",
fillPatternScaleX: "填充图案x缩放量",
fillPatternScaleY: "填充图案y缩放量",
fillPatternRotation: "填充图案旋转幅度",
fillPatternRepeat: "填充图案平铺方式,可以是repeat、repeat-x、repeat-y或no-repeat,默认是no-repeat",
fillLinearGradientStartPoint: "填充线性渐变起始点坐标,可以用数组[a,b]或对象{x:a,y:b}来表示",
fillLinearGradientStartPointX: "填充线性渐变起始点x坐标",
fillLinearGradientStartPointY: "填充线性渐变起始点y坐标",
fillLinearGradientEndPoint: "填充线性渐变终点坐标,可以用数组[a,b]或对象{x:a,y:b}来表示",
fillLinearGradientEndPointX: "填充线性渐变终点x坐标",
fillLinearGradientEndPointY: "填充线性渐变终点y坐标",
fillLinearGradientColorStops: "填充线性渐变颜色位置数组,[a,colorA,b,colorB]",
fillRadialGradientStartPoint: "填充径向渐变起始点坐标,可以用数组[a,b]或对象{x:a,y:b}来表示",
fillRadialGradientStartPointX: "填充径向渐变起始点x坐标",
fillRadialGradientStartPointY: "填充径向渐变起始点y坐标",
fillRadialGradientEndPoint: "填充径向渐变终点坐标,可以用数组[a,b]或对象{x:a,y:b}来表示",
fillRadialGradientEndPointX: "填充径向渐变终点x坐标",
fillRadialGradientEndPointY: "填充径向渐变终点y坐标",
fillRadialGradientStartRadius: "填充径向渐变起始圆半径",
fillRadialGradientEndRadius: "填充径向渐变结束圆半径",
fillRadialGradientColorStops: "填充径向渐变颜色位置数组,[a,colorA,b,colorB]",
fillEnabled: "是否启用blob的填充功能,默认为true",
fillPriority: "填充优先级,填充选择可以是color、linear-gradient、radial-gradient或pattern。默认值是color",
stroke: "描边色",
strokeRGB: "rgb描边色。用对象字面量表示{r:0,g:0,b:0}",
strokeR: "r描边色",
strokeG: "g描边色",
strokeB: "b描边色",
strokeWidth: "描边宽度",
strokeScaleEnabled: "是否启用blob的描边缩放功能,默认为true",
strokeEnabled: "是否启用blob的描边功能,默认为true",
lineJoin: "线段连接样式,连接选择可以是斜角(miter)、圆角(round)或平角(bevel)。默认值是斜角(miter)",
lineCap: "线段端点样式,端点选择可以是butt、round或square。默认值是斜角(butt)",
shadowColor: "阴影色",
shadowColorRGB: "rgb阴影色。用对象字面量表示{r:0,g:0,b:0}",
shadowColorR: "r阴影色",
shadowColorG: "g阴影色",
shadowColorB: "b阴影色",
shadowBlur: "阴影模糊值",
shadowOffset: "填充图案偏移量,可以用数组[a,b]或对象{x:a,y:b}来表示",
shadowOffsetX: "阴影模糊x偏移量",
shadowOffsetY: "阴影模糊y偏移量",
shadowOpacity: "阴影透明度,取值范围为0-1",
shadowEnabled: "是否启用blob的阴影功能,默认为true",
dashArray: "破折号数组,[线段a,间隔a,线段b,间隔b,...]",
dashArrayEnabled: "是否启用blob的破折号功能,默认为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: "拖动边界函数"
}

  方法:

clear():从canvas中清除当前层。暂不支持。
clearFilter():清除滤镜。
clearImageHitRegion():清除图片碰撞区。
clone(attrs):克隆节点,允许属性覆盖。    
createImageHitRegion(callback):创建图片碰撞区。    
destroy():移除并且销毁节点。暂不支持。
disableDashArray():禁用破折号数组。
disableFill():禁用颜色填充。
disableShadow():禁用阴影。
disableStroke():禁用描边。
disableStrokeScale():禁用描边缩放。
enableDashArray():开启破折号数组。
enableFill():开启颜色填充。
enableShadow():开启阴影。
enableStroke():开启描边。
enableStrokeScale():开启描边缩放。
fire(eventType, evt, bubble):
eventType:事件类型。
evt:事件对象。
bubble:是否冒泡,true/false,默认false不冒泡。
getAbsoluteOpacity():获取透明度。
getAbsolutePosition():获取相对于容器左上角的位置坐标。
getAbsoluteTransform():获取变换对象。
getAbsoluteZIndex():获取层次索引。暂不支持
getAttr(attr):获取指定属性的属性值。
getAttrs():获取属性对象。
getCanvas():获取canvas渲染器。暂不支持。
getClassName():获取类型名。
getClearBeforeDraw():获取是否设置了在绘画之前清空canvas。
getContext():获取canvas上下文。
getCrop():获取裁剪图片对象。
getDashArray():获取破折号数组。
getDashArrayEnabled():获取破折号数组是否开启。
getDragBoundFunc():获取边界函数。
getDraggable():获取可拖动性。
getDrawFunc():获取绘画函数。
getDrawHitFunc():获取绘画碰撞函数。
getFill():获取填充色。
getFillB():获取b填充色。
getFillEnabled():获取填充色是否开启。
getFillG():获取g填充色。
getFillLinearGradientColorStops():获取填充线性渐变颜色位置点数组。
getFillLinearGradientEndPoint():获取填充线性渐变终点坐标。
getFillLinearGradientEndPointX():获取填充线性渐变终点横坐标。
getFillLinearGradientEndPointY():获取填充线性渐变终点纵坐标。
getFillLinearGradientStartPoint():获取填充线性渐变起始点纵坐标。
getFillLinearGradientStartPointX():获取填充线性渐变起始点横坐标。
getFillLinearGradientStartPointY():获取填充线性渐变起始点纵坐标。
getFillPatternImage():获取填充图案图片对象。
getFillPatternOffset():获取填充图案偏移坐标。
getFillPatternOffsetX():获取填充图案偏移横坐标。
getFillPatternOffsetY():获取填充图案偏移纵坐标。
getFillPatternRepeat():获取填充图案平铺方式。
getFillPatternRotation():获取填充图案旋转弧度。
getFillPatternRotationDeg():获取填充图案旋转角度。
getFillPatternScale():获取填充图案缩放值。
getFillPatternScaleX():获取填充图案横坐标方向缩放值。
getFillPatternScaleY():获取填充图案纵坐标方向缩放值。
getFillPatternX():获取填充图案横坐标。
getFillPatternY():获取填充图案纵坐标。
getFillPriority():获取填充优先级。
getFillR():获取r填充色。
getFillRadialGradientColorStops():获取填充径向渐变颜色位置点数组。
getFillRadialGradientEndPoint():获取填充径向渐变终点坐标。
getFillRadialGradientEndPointX():获取填充径向渐变终点横坐标。
getFillRadialGradientEndPointY():获取填充径向渐变终点纵坐标。
getFillRadialGradientEndRadius():获取填充径向渐变终点圆半径。
getFillRadialGradientStartPoint():获取填充径向渐变起始点坐标。
getFillRadialGradientStartPointX():获取填充径向渐变起始点横坐标。
getFillRadialGradientStartPointY():获取填充径向渐变起始点纵坐标。
getFillRadialGradientStartRadius():获取填充径向渐变起始点圆半径。
getFillRGB():获取rgb填充色字面对象。
getFilter():获取图像滤镜。
getFilterBrightness():获取图像滤镜亮度。
getHeight():获取高度。
getHitCanvas():获取碰撞canvas。
getId():获取id。
getLayer():获取所在层。
getLevel():获取节点层级,stage层级是0,layers层级是1,groups和shapes层级>=2。
getLineCap():获取端点样式。
getLineJoin():获取线段连接样式。
getListening():是否正处于事件监听状态。
getName():获取名字。
getOffset():获取偏移值。
getOffsetX():获取x轴方向偏移值。
getOffsetY():获取y轴方向偏移值。
getOpacity():获取透明度。
getParent():获取父容器。
getPosition():获取相对于父节点的位置。
getRotation():获取旋转幅度。
getRotationDeg():获取旋转角度。
getScale():获取缩放量。
getScaleX():获取x轴缩放量。
getScaleY():获取y轴缩放量。
getShadowBlur():获取阴影模糊值。
getShadowColor():获取阴影颜色值。
getShadowColorB():获取阴影b颜色值。
getShadowColorG():获取阴影g颜色值。
getShadowColorR():获取阴影r颜色值。
getShadowColorRGB():获取阴影rgb颜色值。
getShadowEnabled():查询阴影功能是否开启。
getShadowOffset():查询阴影偏移值。
getShadowOffsetX():查询阴影x轴方向偏移值。
getShadowOffsetY():查询阴影y轴方向偏移值。
getShadowOpacity():查询阴影透明度。
getSize():查询尺寸。
getSkew():查询坐标。
getSkewX():查询横坐标。
getSkewY():查询纵坐标。
getStage():获取stage。
getStroke():获取描边色。
getStroke():获取描边色。
getStrokeB():获取描边b颜色值。
getStrokeEnabled():检测描边功能是否开启。
getStrokeG():获取描边g颜色值。
getStrokeR():获取描边r颜色值。
getStrokeRGB():获取描边rgb颜色值。
getStrokeScaleEnabled():检测描边缩放功能是否开启。
getStrokeWidth():获取描边宽度。
getTension():获取张力。
getTransform():获取节点变换对象。
getType():获取节点类型。
getVisible():检测节点可见性。
getWidth():获取节点宽度。
getX():获取节点横坐标。
getY():获取节点纵坐标。
getZIndex():获取相对于兄弟节点的层级。
hasFill():检测是否设置了填充物。
hasShadow():检测是否设置了阴影。
hide():隐藏节点。
intersects(point):检测给定坐标点是否在节点内。
isDraggable():检测节点是否可以拖动。
isDraggable():检测节点是否可以拖动,等同于getDraggable()。
isDragging():检测节点当前是否处于拖拽模式。
isListening():检测节点当前是否处于事件监听模式,等同于getListening()。
isVisible():检测节点的可见性,等同于getVisible()。
move(x, y):相对于节点当前位置的移动。
moveDown():下移节点。
moveTo(newContainer):移动节点到新的容器。
moveToBottom():移动节点到它的兄弟节点的下面。
moveToTop():移动节点到它的兄弟节点的上面。
moveUp():上移节点。
off(typesStr):移除节点的事件绑定。多个事件名用空格分隔。也可以使用命名空间的方式移除事件绑定。
on(typesStr, handler):添加事件绑定。多个事件名用空格分隔。也可以使用命名空间的方式进行事件绑定。
remove():移除节点,但是不会销毁。
rotate(theta):让节点旋转指定的幅度。
rotateDeg(deg):让节点旋转指定的角度。
setAbsolutePosition(x, y):设置节点的绝对位置。
setAttr(attr):设置节点的单个属性。
setAttrs(config):设置节点的多个属性。
setClearBeforeDraw(clearBeforeDraw):设置节点重绘前是否需要清空之前的绘制,clearBeforeDraw可以为true/false。
setCrop(config):
{
x:裁剪图片横坐标,
y:裁剪图片纵坐标,
width:裁剪图片宽度,
height:裁剪图片高度
}
setDashArray(dashArray):设置破折号数组。
setDashArrayEnabled(enabled):设置是否开启破折号数组功能。
setDragBoundFunc(dragBoundFunc):设置边界函数。
setDragBoundFunc(dragBoundFunc):设置边界函数。
setDraggable(draggable):设置节点可拖动性。
setDrawFunc(drawFunc):设置绘画函数。
setDrawHitFunc(drawHitFunc):设置碰撞绘画函数。
setFill(color):设置颜色值。
setFillB(blue):设置b颜色值。
setFillEnabled(enabled):设置是否开启颜色填充功能。
setFillG(green):设置g颜色值。
setFillLinearGradientColorStops(colorStops):设置线性渐变位置颜色数组。
setFillLinearGradientEndPoint(endPoint):设置线性渐变终点坐标。
setFillLinearGradientEndPointX(x):设置线性渐变终点横坐标。
setFillLinearGradientEndPointY(y):设置线性渐变终点纵坐标。
setFillLinearGradientStartPoint(startPoint):设置线性渐变起点坐标。
setFillLinearGradientStartPointX(x):设置线性渐变起点横坐标。
setFillLinearGradientStartPointY(y):设置线性渐变起点纵坐标。
setFillPatternImage(image):设置填充图案的图片对象。
setFillPatternOffset(offset):设置填充图案的偏移值。
setFillPatternOffsetX(x):设置填充图案x轴方向的偏移值。
setFillPatternOffsetY(y):设置填充图案y轴方向的偏移值。
setFillPatternRepeat(repeat):设置填充图案的平铺方式。
setFillPatternRepeat(repeat):设置填充图案的旋转弧度。
setFillPatternRotationDeg(rotationDeg):设置填充图案的旋转角度。
setFillPatternScale(scale):设置填充图案的所放比。
setFillPatternScaleX(x):设置填充图案x轴方向的所放比。
setFillPatternScaleY(y):设置填充图案y轴方向的所放比。
setFillPatternX(x):设置填充图案横坐标。
setFillPatternY(y):设置填充图案纵坐标。
setFillPriority(priority):设置填充优先方式。
setFillR(red):设置填充r颜色值。
setFillRadialGradientColorStops(colorStops):设置径向渐变位置颜色数组。
setFillRadialGradientEndPoint(endPoint):设置径向渐变终点坐标。
setFillRadialGradientEndPointX(x):设置径向渐变终点横坐标。
setFillRadialGradientEndPointY(y):设置径向渐变终点纵坐标。
setFillRadialGradientEndRadius(radius):设置径向渐变终点半径。
setFillRadialGradientStartPoint(startPoint):设置径向渐变起点坐标。
setFillRadialGradientStartPointX(x):设置径向渐变起点横坐标。
setFillRadialGradientStartPointY(y):设置径向渐变起点纵坐标。
setFillRadialGradientStartRadius(radius):设置径向渐变起点半径。
setFillRGB(color):设置rgb颜色值。
setHeight(height):设置节点高度。
setId(id):设置节点id。
setImage(image):设置图片源对象。
setLineCap(lineCap):设置端点样式。
setLineJoin():设置连接样式。
setListening(listening):设置事件监听状态。
setName(name):设置节点名称。
setOffset(x, y):设置节点偏移值。
setOffsetX(x):设置节点x轴方向偏移值。
setOffsetY(y):设置节点y轴方向偏移值。
setOpacity(opacity):设置节点透明度。
setPoints(can):设置路径点数组。
setPosition(x, y):设置节点相对于父节点位置。
setRotation(theta):设置节点旋转幅度。
setRotationDeg(deg):设置节点旋转角度。
setScale(scale):设置节点缩放比。
setScaleX(x):设置节点x轴方向缩放比。
setScaleY(y):设置节点y轴方向缩放比。
setShadowBlur(blur):设置阴影模糊值。
setShadowColor(color):设置阴影颜色值。
setShadowColorB(blue):设置阴影b颜色值。
setShadowColorG(green):设置阴影g颜色值。
setShadowColorR(red):设置阴影r颜色值。
setShadowColorRGB(color):设置阴影rgb颜色值。
setShadowEnabled(enabled):设置是否开启阴影功能。
setShadowOffset(offset):设置阴影偏移值。
setShadowOffsetX(x):设置阴影x轴方向偏移值。
setShadowOffsetY(y):设置阴影y轴方向偏移值。
setShadowOpacity(opacity):设置阴影透明度。
setSize(width, height):设置节点尺寸。
setSkew(x, y):设置节点坐标。
setSkewX(x):设置节点横位置。
setSkewY(y):设置节点纵位置。
setStroke(color):设置描边色。
setStrokeB(blue):设置描边b颜色值。
setStrokeEnabled(enabled):设置是否开启节点描边功能。
setStrokeG(green):设置描边g颜色值。
setStrokeR(red):设置描边r颜色值。
setStrokeRGB(color):设置描边rgb颜色值。
setStrokeScaleEnabled(enabled):开启/关闭描边缩放功能。
setStrokeWidth(strokeWidth):设置描边宽度。
setTension(tension):设置张力。
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使用注意点--image的更多相关文章

  1. Ubuntu 16.04 + ROS Kinetic 机器人操作系统学习镜像分享与使用安装说明

    Ubuntu 16.04 + ROS Kinetic 镜像分享与使用安装说明 内容概要:1 网盘文件介绍  2 镜像制作  3 系统使用与安装 ---- 祝ROS爱好者和开发者新年快乐:-) ---- ...

  2. (二)ROS系统架构及概念 ROS Architecture and Concepts 以Kinetic为主更新 附课件PPT

    第2章 ROS系统架构及概念 ROS Architecture and Concepts PPT说明: 正文用白色,命令或代码用黄色,右下角为对应中文译著页码. 这一章需要掌握ROS文件系统,运行图级 ...

  3. ROS机器人程序设计(原书第2版)补充资料 kinetic

    Effective Robotics Programming with ROS Third Edition Find out everything you need to know to build ...

  4. (一)ROS系统入门 Getting Started with ROS 以Kinetic为主更新 附课件PPT

    ROS机器人程序设计(原书第2版)补充资料 教案1 ROS Kinetic系统入门 ROS Kinetic在Ubuntu 16.04.01 安装可参考:http://blog.csdn.net/zha ...

  5. 奥比中光Orbbec Astra Pro RGBD 3D视觉传感器在ROS(indigo和kinetic)使用说明 rgb depth同时显示

    Orbbec Astra Pro传感器在ROS(indigo和kinetic)使用说明 rgb depth同时显示 这款摄像头使用uvc输入彩色信息,需要libuvc和libuvc_ros这样才能在R ...

  6. ROS_Kinetic_02 ROS Kinetic 迁移指南及中文wiki指南(Migration guide)

    ROS_Kinetic_02 ROS Kinetic 迁移指南(Migration guide) 对于ROS Kinetic Kame有些功能包已经更新改变,提供关于这些包的迁移注意或教程.主要针对于 ...

  7. ROS_Kinetic_01 在ubuntu 16.04安装ROS Kinetic 2017.01更新

    ROS_Kinetic系列学习(一),在ubuntu 16.04安装ROS Kinetic. Celebrating 9 Years of ROS! ubuntu16.04已经发布半年多了,ROS的K ...

  8. SLAM+语音机器人DIY系列:(二)ROS入门——3.在ubuntu16.04中安装ROS kinetic

    摘要 ROS机器人操作系统在机器人应用领域很流行,依托代码开源和模块间协作等特性,给机器人开发者带来了很大的方便.我们的机器人“miiboo”中的大部分程序也采用ROS进行开发,所以本文就重点对ROS ...

  9. ros kinetic安装rbx1

    1.首先安装一些依赖包 sudo apt-get install ros-kinetic-turtlebot-bringup \ ros-kinetic-turtlebot-create ros-ki ...

  10. ROS机器人导航仿真(kinetic版本)

    准备工作: ubuntu 16.04系统;ROS kinetic版本;ROS包turtlebot,导航包rbx1,模拟器arbotix,可视化rviz 1.安装ubuntu 16.04系统与安装ROS ...

随机推荐

  1. jar包冲突解决方法

    import java.io.File;import java.io.IOException;import java.util.ArrayList;import java.util.Enumerati ...

  2. 用python理解web并发模型

    最简单的并发 import socket response = 'HTTP/1.1 200 OK\r\nConnection:Close\r\nContent-Length:11\r\n\r\nHel ...

  3. python(5)–random模块及验证码

    1. random.random()      随机小数 >>> random.random() 0.6633889413427193 2. random.randint(1,9)  ...

  4. javaweb学习总结十五(web开发的相关概念以及常用服务器介绍)

    一:java web开发的相关概念 1:web分为静态web和动态web 2:模拟web服务器 web页面如果想让外部网络访问,必须通过网络程序读取资源,流程: a:用户通过浏览器访问网络程序 b:网 ...

  5. 打印W图案

    一:规律 二维图形的展示都可以使用二维数组来解决,W图形x轴0,1,2,1,0,1,2.....在0到2直接来回的徘徊 y轴是在一直递增........ 二:代码 @Test /** * 测试打印w图 ...

  6. OSI七层模型:TCP/IP && HTTP && WebSocket && MQTT

    OSI七层模型分为 物理层:  建立.维护.断开物理连接 处理bit流 数据链路层,将比特组合成字节进而组合成帧,用MAC地址访问介质,错误发现但不能纠正 处理数据帧 Frame 网络层,进行逻辑地址 ...

  7. Lombok(1.14.8) - @Log

    @Log @Logs,生成一个日志对象. package com.huey.lombok; import lombok.extern.java.Log; @Log public class LogEx ...

  8. Nginx - Additional Modules, Content and Encoding

    The following set of modules provides functionalities having an effect on the contents served to the ...

  9. IT技术开发人员35岁之前应该做的十件事

    第一,学会本行业所需要的一切知识并有所发展.已故零件大王布鲁丹在他35岁时,已经成为零件行业的领袖,并且组建了年收入达千万美元的海湾与西部工业公司.每个人在年轻时都可能有过彻夜不眠.刻苦攻读,这在20 ...

  10. [盈利指导] [原创]五蕴皆空:App推广干货,排名数据分析优化效果

          App盈利交流论坛版主第一帖2015年3月份,在百度上了一款赛车类游戏(不说什么名字了怕被打包),后台起名叫002,刚开始上的时候一天只有几元钱,但是游戏还是倾注了不少心血的,觉得不甘心, ...