From 8a05f34c87bc3bd537ace45ac596a4bddc26fd51 Mon Sep 17 00:00:00 2001 From: liulinboyi <814921718@qq.com> Date: Wed, 20 Dec 2023 01:22:36 +0800 Subject: [PATCH] feat: add flag for link line visiable for Transformer's rotate --- src/shapes/Transformer.ts | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/src/shapes/Transformer.ts b/src/shapes/Transformer.ts index 959d921e..2a322bcf 100644 --- a/src/shapes/Transformer.ts +++ b/src/shapes/Transformer.ts @@ -18,6 +18,7 @@ export interface Box extends IRect { export interface TransformerConfig extends ContainerConfig { resizeEnabled?: boolean; rotateEnabled?: boolean; + rotateLinkLineVisiable?: boolean; rotationSnaps?: Array; rotationSnapTolerance?: number; rotateAnchorOffset?: number; @@ -205,6 +206,7 @@ function getSnap(snaps: Array, newRotationRad: number, tol: number) { * @param {Object} config * @param {Boolean} [config.resizeEnabled] Default is true * @param {Boolean} [config.rotateEnabled] Default is true + * @param {Boolean} [config.rotateLinkLineVisiable] Default is true * @param {Array} [config.rotationSnaps] Array of angles for rotation snaps. Default is [] * @param {Number} [config.rotationSnapTolerance] Snapping tolerance. If closer than this it will snap. Default is 5 * @param {Number} [config.rotateAnchorOffset] Default is 50 @@ -614,7 +616,7 @@ export class Transformer extends Group { shape.height() + padding * 2 ); ctx.moveTo(shape.width() / 2, -padding); - if (tr.rotateEnabled()) { + if (tr.rotateEnabled() && tr.rotateLinkLineVisiable()) { ctx.lineTo( shape.width() / 2, -tr.rotateAnchorOffset() * Util._sign(shape.height()) - padding @@ -1289,6 +1291,7 @@ export class Transformer extends Group { anchorSize: GetSet; resizeEnabled: GetSet; rotateEnabled: GetSet; + rotateLinkLineVisiable: GetSet; rotateAnchorOffset: GetSet; rotationSnapTolerance: GetSet; rotateAnchorCursor: GetSet; @@ -1422,6 +1425,21 @@ Factory.addGetterSetter(Transformer, 'anchorSize', 10, getNumberValidator()); */ Factory.addGetterSetter(Transformer, 'rotateEnabled', true); +/** + * get/set visiable to rotate link line. + * @name Konva.Transformer#rotateLinkLineVisiable + * @method + * @param {Boolean} enabled + * @returns {Boolean} + * @example + * // get + * var rotateLinkLineVisiable = transformer.rotateLinkLineVisiable(); + * + * // set + * transformer.rotateLinkLineVisiable(false); + */ +Factory.addGetterSetter(Transformer, 'rotateLinkLineVisiable', true); + /** * get/set rotation snaps angles. * @name Konva.Transformer#rotationSnaps