Group
new Konva.Group(config)
Group 构造函数。Group 用于包含形状或其他 Group。
参数
| 名称 | 类型 | 描述 |
|---|---|---|
| config | Object | |
| x（可选） | Number | |
| y（可选） | Number | |
| width（可选） | Number | |
| height（可选） | Number | |
| visible（可选） | Boolean | |
| listening（可选） | Boolean | 节点是否监听事件 |
| id（可选） | String | 唯一 id |
| name（可选） | String | 非唯一名称 |
| opacity（可选） | Number | 确定节点不透明度。可以是 0 到 1 之间的任意数字 |
| scale（可选） | Object | 设置缩放 |
| scaleX（可选） | Number | 设置 x 缩放 |
| scaleY（可选） | Number | 设置 y 缩放 |
| rotation（可选） | Number | 以度为单位的旋转 |
| offset（可选） | Object | 相对于中心点和旋转点的偏移 |
| offsetX（可选） | Number | 设置 x 偏移 |
| offsetY（可选） | Number | 设置 y 偏移 |
| draggable（可选） | Boolean | 使节点可拖动。当舞台可拖动时，可以通过拖动舞台的任意部分来拖放整个舞台 |
| dragDistance（可选） | Number | |
| dragBoundFunc（可选） | function | * @param {Object} [config.clip] 设置裁剪 |
| clipX（可选） | Number | 设置 x 裁剪 |
| clipY（可选） | Number | 设置 y 裁剪 |
| clipWidth（可选） | Number | 设置裁剪宽度 |
| clipHeight（可选） | Number | 设置裁剪高度 |
| clipFunc（可选） | function | 设置裁剪函数 |
继承自： Konva.Container
继承的方法
Konva.Group 还拥有其父类的所有方法。下面的每个链接都会打开定义该方法的类中的完整方法文档。
来自 Konva.Container
- getChildren(filterFunc)
- hasChildren()
- removeChildren()
- destroyChildren()
- add(children)
- find(selector)
- findOne(selector)
- isAncestorOf(node)
- getAllIntersections(pos)
- clip(clip)
- clipX(x)
- clipY(y)
- clipWidth(width)
- clipHeight(height)
- clipFunc(function)
来自 Konva.Node
- clearCache()
- cache(config)
- isCached()
- getClientRect(config)
- off(evtStr)
- remove()
- destroy()
- getAttr(attr)
- getAncestors()
- getAttrs()
- setAttrs(config)
- isListening()
- isVisible()
- show()
- hide()
- getAbsoluteZIndex()
- getDepth()
- getRelativePointerPosition()
- getAbsolutePosition(Ancestor)
- move(change)
- rotate(theta)
- moveToTop()
- moveUp()
- moveDown()
- moveToBottom()
- getAbsoluteOpacity()
- moveTo(newContainer)
- toObject()
- toJSON()
- getParent()
- findAncestors(selector, includeSelf, stopNode)
- findAncestor(selector, includeSelf, stopNode)
- getLayer()
- getStage()
- fire(eventType, evt, bubble)
- getAbsoluteTransform()
- getAbsoluteScale()
- getAbsoluteRotation()
- getTransform()
- clone(obj)
- toCanvas(config)
- toDataURL(config)
- toImage(config)
- toBlob(config)
- getClassName()
- getType()
- addName(name)
- hasName(name)
- removeName(name)
- setAttr(attr, val)
- draw()
- startDrag()
- stopDrag()
- isDragging()
- isClientRectOnScreen(margin)
- zIndex(index)
- absolutePosition(pos)
- position(pos)
- x(x)
- y(y)
- globalCompositeOperation(type)
- opacity(opacity)
- name(name)
- id(id)
- rotation(rotation)
- scale(scale)
- scaleX(x)
- scaleY(y)
- skew(skew)
- skewX(x)
- skewY(y)
- offsetX(x)
- offsetY(y)
- dragDistance(distance)
- width(width)
- height(height)
- listening(listening)
- preventDefault(preventDefault)
- filters(filters)
- visible(visible)
- transformsEnabled(enabled)
- size(size)
- dragBoundFunc(dragBoundFunc)
- draggable(draggable)
- to(params)
- blurRadius(radius)
- brightness(brightness)
- contrast(contrast)
- embossStrength(level)
- embossWhiteLevel(embossWhiteLevel)
- embossDirection(embossDirection)
- embossBlend(embossBlend)
- enhance(amount)
- hue(hue)
- saturation(saturation)
- luminance(value)
- value(value)
- kaleidoscopePower(power)
- kaleidoscopeAngle(degrees)
- noise(noise)
- pixelSize(pixelSize)
- levels(level)
- red(red)
- green(green)
- blue(blue)
- alpha(alpha)
- threshold(threshold)