Kinetic使用注意点--circle

new Circle(config)

  参数:
    config:包含所有配置项的对象。
        

{
    radius: "半径",
    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: "纵坐标",
     "宽度",
    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中清除当前层。暂不支持。
clone(attrs):克隆节点,允许属性覆盖。    
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上下文。
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填充色字面对象。
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。
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。
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:"纵坐标",
        "宽度",
        height:"高度",
        quality:"合成图片的质量,0-1"
    }
toImage(config):合成图片。
   {
        callback:"合成后的回调函数",
        mimeType:"指定合成图片的类型,image/png是默认类型",
        x:"横坐标",
        y:"纵坐标",
        "宽度",
        height:"高度",
        quality:"合成图片的质量,0-1"
   }
toJSON():将节点转换为json字符串。
toObject():将json字符串转换为json对象。

  


 

 

  

原文地址:https://www.cnblogs.com/maqunjing/p/3160639.html