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. javaweb学习总结十二(JAXP对XML文档进行SAX解析)

    一:JAXP使用SAX方式解析XML文件 1:dom解析与sax解析异同点 2:sax解析特点 二:代码案例 1:xml文件 <?xml version="1.0" enco ...

  2. [改善Java代码]频繁插入和删除时使用LinkedList

    一.分析 前面有文章分析了列表的表里方式,也就是“读”的操作.本文将介绍表的“写”操作:即插入.删除.修改动作. 二.场景 1.插入元素 列表中我们使用最多的是ArrayList,下面看看他的插入(a ...

  3. hdu 4612 边连通度缩点+树的最长路径

    思路:将以桥为分界的所有连通分支进行缩点,得到一颗树,求出树的直径.再用树上的点减去直径,再减一 #pragma comment(linker, "/STACK:1024000000,102 ...

  4. hdu 4571 floyd+动态规划

    思路: 我们先求一遍floyd,将各点的最短距离求出,然后将点按si的升序排序.dp[i][k]表示第i个点在第j时间所获得的最大效益,那么 dp[i][k]=max(dp[ i ][ k ]  , ...

  5. 4k 对齐,你准备好了吗?

    什么是 4k 对齐? 其实与 “ 4K对齐 ” 相关联的是一个叫做 “ 高级格式化 ” 的分区技术.“ 高级格式化 ” 是国际硬盘设备与材料协会为新型数据结构格式所采用的名称.这是主要鉴于目前的硬盘容 ...

  6. webkit,HTML5头部标签

    大家都知道在移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来.本文整理一些HTML5头部<meta>标签常用的 ...

  7. Spring(3.2.3) - Beans(7): 延迟实例化

    默认情况下,Spring IoC 容器启动后,在初始化过程中,会以单例模式创建并配置所有使用 singleton 定义的 Bean 的实例.通常情况下,提前实例化 Bean 是可取的,因为这样在配置中 ...

  8. Unity3D导出的EXE不用显示分辨率选择界面

    在导出游戏的时候,选择Build-setting ->Player-setting; 具体如图: resolution 是选分辨率和屏幕大小display resolution 选disable ...

  9. HDOJ2013蟠桃记

    蟠桃记 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submiss ...

  10. 如何查看Windows8.1计算机体验指数评分

    如果你已经安装使用了Windows 8.1,你就会发现自从Vista时代开始的计算机体验评分消失了,在文章<微软取消Windows 8 计算机评分功能>中,我猜测了微软取消评分功能的可能原 ...