joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

desc: 调整绘图右键包围框起点

Browse Source
This commit is contained in:
zyy 2019-12-13 15:11:01 +08:00
parent 2f639cce5e
commit c287f8d13b
2 changed files with 11 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/jmapNew/mouseController.js
View File

@ -304,10 +304,14 @@ class MouseController extends Eventful {
// 右键拖动区域大小 // 右键拖动区域大小
handleMouseMoveRight(point2) { handleMouseMoveRight(point2) {
const point1 = this.rightClickPoint; const point1 = this.rightClickPoint;
const x = Math.min(point1.x, point2.x) + this.$jmap.$options.offsetX; const originX = Math.min(point1.x, point2.x);
const y = Math.min(point1.y, point2.y) + this.$jmap.$options.offsetY; const originY = Math.min(point1.y, point2.y);
const width = Math.abs(point1.x - point2.x); const dx = originX + this.$jmap.$options.offsetX;
const height = Math.abs(point1.y - point2.y); const dy = originY + this.$jmap.$options.offsetY;
const x = dx / this.$jmap.$options.scaleRate;
const y = dy / this.$jmap.$options.scaleRate;
const width = Math.abs(point1.x - point2.x) / this.$jmap.$options.scaleRate + 10;
const height = Math.abs(point1.y - point2.y) / this.$jmap.$options.scaleRate + 10;
this.$jmap.renderCheckBox({code: 'check_box', _type: 'CheckBox', point: {x: x, y: y}, width: width, height: height }); this.$jmap.renderCheckBox({code: 'check_box', _type: 'CheckBox', point: {x: x, y: y}, width: width, height: height });
} }
} }

19
src/jmapNew/shape/checkBox/checkBox.js
View File

@ -14,17 +14,13 @@ export default class checkBox extends Group {
create() { create() {
const model = this.model; const model = this.model;
this.grouper = new Group({
id: model.code,
position: [model.point.x, model.point.y]
});
this.box = new Rect({ this.box = new Rect({
zlevel: model.zlevel, zlevel: model.zlevel,
z: model.z, z: model.z,
draggable: false, draggable: false,
shape: { shape: {
x: 0, x: model.point.x,
y: 0, y: model.point.y,
width: this.model.width, width: this.model.width,
height: this.model.height height: this.model.height
}, },
@ -32,15 +28,6 @@ export default class checkBox extends Group {
fill: 'rgb(135,206,250,0.2)' fill: 'rgb(135,206,250,0.2)'
} }
}); });
this.grouper.add(this.box); this.add(this.box);
this.add(this.grouper);
}
setModel(dx, dy) {
this.model.point.x += dx;
this.model.point.y += dy;
}
setSize(width, height) {
this.model.width = width;
this.model.height = height;
} }
} }