WebDev
/
VersaWhiteboard
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix shift draw with line tool

This commit is contained in:
raphael 2020-04-03 15:07:05 +02:00
parent 707e8eacbb
commit 2f637671c3
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
public/js/whiteboard.js
View File

@ -172,7 +172,7 @@ var whiteboard = {
if (_this.tool === "line") {
if (_this.pressedKeys.shift) {
var angs = getRoundedAngles(currX, currY);
var angs = _this.getRoundedAngles(currX, currY);
currX = angs.x;
currY = angs.y;
}
@ -266,27 +266,27 @@ var whiteboard = {
_this.sendFunction({ "t": "addTextBox", "d": [_this.drawcolor, fontsize, currX, currY, txId] });
_this.addTextBox(_this.drawcolor, fontsize, currX, currY, txId, true);
});
function getRoundedAngles(currX, currY) { //For drawing lines at 0,45,90° ....
var x = currX - _this.startCoords[0];
var y = currY - _this.startCoords[1];
var angle = Math.atan2(x, y) * (180 / Math.PI);
var angle45 = Math.round(angle / 45) * 45;
if (angle45 % 90 == 0) {
if (Math.abs(currX - _this.startCoords[0]) > Math.abs(currY - _this.startCoords[1])) {
currY = _this.startCoords[1]
} else {
currX = _this.startCoords[0]
}
},
getRoundedAngles: function (currX, currY) { //For drawing lines at 0,45,90° ....
var _this = this;
var x = currX - _this.startCoords[0];
var y = currY - _this.startCoords[1];
var angle = Math.atan2(x, y) * (180 / Math.PI);
var angle45 = Math.round(angle / 45) * 45;
if (angle45 % 90 == 0) {
if (Math.abs(currX - _this.startCoords[0]) > Math.abs(currY - _this.startCoords[1])) {
currY = _this.startCoords[1]
} else {
if ((currY - _this.startCoords[1]) * (currX - _this.startCoords[0]) > 0) {
currX = _this.startCoords[0] + (currY - _this.startCoords[1]);
} else {
currX = _this.startCoords[0] - (currY - _this.startCoords[1]);
}
currX = _this.startCoords[0]
}
} else {
if ((currY - _this.startCoords[1]) * (currX - _this.startCoords[0]) > 0) {
currX = _this.startCoords[0] + (currY - _this.startCoords[1]);
} else {
currX = _this.startCoords[0] - (currY - _this.startCoords[1]);
}
return { "x": currX, "y": currY };
}
return { "x": currX, "y": currY };
},
triggerMouseMove: function (e) {
var _this = this;
@ -324,7 +324,7 @@ var whiteboard = {
} else if (_this.tool === "line") {
if (_this.svgLine) {
if (_this.pressedKeys.shift) {
var angs = getRoundedAngles(currX, currY);
var angs = _this.getRoundedAngles(currX, currY);
currX = angs.x;
currY = angs.y;
}