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: "纵坐标",
- 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中清除当前层。暂不支持。
- 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:"纵坐标",
- width:"宽度",
- height:"高度",
- quality:"合成图片的质量,0-1"
- }
- toImage(config):合成图片。
- {
- callback:"合成后的回调函数",
- mimeType:"指定合成图片的类型,image/png是默认类型",
- x:"横坐标",
- y:"纵坐标",
- width:"宽度",
- height:"高度",
- quality:"合成图片的质量,0-1"
- }
- toJSON():将节点转换为json字符串。
- toObject():将json字符串转换为json对象。
Kinetic使用注意点--circle的更多相关文章
- Ros Kinetic 配置 OpenCV2和CV_bridge (Python, C++)
本篇介绍如何在Ros-kinetic环境下运用opencv2进行开发的配置,系统平台为64位Ubuntu16.04. 需要系统环境: 1.Ros kinetic版本,一般自带cv_bridge, 若没 ...
- [翻译svg教程]svg中的circle元素
svg中的<circle> 元素,是用来绘制圆形的,例如 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink= ...
- 设计一个程序,程序中有三个类,Triangle,Lader,Circle。
//此程序写出三个类,triangle,lader,circle:其中triangle类具有类型为double的a,b,c边以及周长,面积属性, //具有周长,面积以及修改三边的功能,还有判断能否构成 ...
- c++作业:Circle
Circle Github链接
- Modified Least Square Method and Ransan Method to Fit Circle from Data
In OpenCv, it only provide the function fitEllipse to fit Ellipse, but doesn't provide function to f ...
- [javascript svg fill stroke stroke-width circle 属性讲解] svg fill stroke stroke-width circle 属性 绘制圆形及引入方式讲解
<!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title ...
- (1)编写一个接口ShapePara,要求: 接口中的方法: int getArea():获得图形的面积。int getCircumference():获得图形的周长 (2)编写一个圆类Circle,要求:圆类Circle实现接口ShapePara。 该类包含有成员变量: radius:public 修饰的double类型radius,表示圆的半径。 x:private修饰的double型变量x,
package com.hanqi.test; //创建接口 public interface ShapePara { //获取面积的方法 double getArea(); //获取周长的方法 do ...
- 东大oj-1591 Circle of friends
题目描述 Nowadays, "Circle of Friends" is a very popular social networking platform in WeChat. ...
- svg学习(四)circle
<circle> 标签 < <?xml version="1.0" standalone="no"?> <!DOCTYPE ...
随机推荐
- android开发之路13(实际开发常见问题及解决办法ING)
1.DDMS下无法浏览SDcard? 在做音乐播放器的时候,想通过eclipse中的DDMS视图将音频文件push到sd卡中,发现总是报错 :Failed to push selection: Rea ...
- Java操作图片的工具类
操作图片的工具类: import java.awt.AlphaComposite; import java.awt.Color; import java.awt.Font; import java.a ...
- Java 文件名操作的相关工具类
项目中的操作文件名的工具类: import java.io.File; import java.util.regex.Matcher; import java.util.regex.Pattern; ...
- nmap命令-----高级用法
探测主机存活常用方式 (1)-sP :进行ping扫描 打印出对ping扫描做出响应的主机,不做进一步测试(如端口扫描或者操作系统探测): 下面去扫描10.0.3.0/24这个网段的的主机 nmap ...
- CI加载流程小结
无聊,决定水一把. CI(CodeIgniter)是我最早接触的一个框架,到现在也只是用了其中一点零碎的方法.一直想对其流程做个小结,却总是因各种各样的“理由”挨着.看见别人图表齐上阵,没那耐心,就从 ...
- 淘淘实惠多www.taohuiduo.com-专注独家折扣、1折特卖、9块9包邮、全场包邮
淘淘实惠多-http://www.taohuiduo.com 专注独家折扣.1折特卖.9块9包邮.品牌折扣.20元封顶.全场包邮,所有的促销商品包括男装.女装.箱包配饰.母婴.日用.化妆品.数码.男鞋 ...
- jquery之音乐均衡器
制作这个音乐均衡器需要一个equalizer插件(插件我已经上传),下面介绍一下网页的BGM的相关属性: hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示, ...
- Cocos2d-x使用UserDefault数据持久化实例:保存背景音乐和音效设置
UserDefault可以实现数据的存储,但是它的使用不能泛滥,具体讲一般情况下不会使用它保存大量的数据,它没有SQL语句那样的灵活.UserDefault除了保存游戏设置外,还有可以长期保持游戏精灵 ...
- (转)Redis复制与可扩展集群搭建
讨论了Redis的常用数据类型与存储机制,本文会讨论一下Redis的复制功能以及Redis复制机制本身的优缺点以及集群搭建问题. Redis复制流程概述 Redis的复制功能是完全建立在之前我们讨论过 ...
- 关于HTML与CSS编写规范
之前一直没有注意到这一点,因为当看到一些优秀的网站的源代码的时候,打开他们引用的css文件格式看起来也并非规范.但幸运的昨天偶然间看到的通过增强CSS规范可读性可优化页面性能,于是下决心痛改前非. 我 ...