wisemapping-frontend/packages/web2d/lib/components/peer/svg/PolyLinePeer.js
2021-09-29 17:24:07 -03:00

108 lines
3.6 KiB
JavaScript

/*
* Copyright [2015] [wisemapping]
*
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
* It is basically the Apache License, Version 2.0 (the "License") plus the
* "powered by wisemapping" text requirement on every single page;
* you may not use this file except in compliance with the License.
* You may obtain a copy of the license at
*
* http://www.wisemapping.org/license
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const ElementPeer = require('./ElementPeer').default;
const PolyLine = require('../../PolyLine');
const PolyLinePeer = new Class({
Extends: ElementPeer,
initialize : function() {
var svgElement = window.document.createElementNS(this.svgNamespace, 'polyline');
this.parent(svgElement);
this.setFill("none");
this.breakDistance = 10;
},
setFrom : function(x1, y1) {
this._x1 = x1;
this._y1 = y1;
this._updatePath();
},
setTo : function(x2, y2) {
this._x2 = x2;
this._y2 = y2;
this._updatePath();
},
setStrokeWidth : function(width) {
this._native.setAttribute('stroke-width', width);
},
setColor : function(color) {
this._native.setAttribute('stroke', color);
},
setStyle : function(style) {
this._style = style;
this._updatePath();
},
getStyle : function() {
return this._style;
},
_updatePath : function() {
if (this._style == "Curved") {
this._updateMiddleCurvePath();
}
else if (this._style == "Straight") {
this._updateStraightPath();
}
else {
this._updateCurvePath();
}
},
_updateStraightPath : function() {
if ($defined(this._x1) && $defined(this._x2) && $defined(this._y1) && $defined(this._y2)) {
var path = PolyLine.default.prototype.buildStraightPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2);
this._native.setAttribute('points', path);
}
},
_updateMiddleCurvePath : function() {
var x1 = this._x1;
var y1 = this._y1;
var x2 = this._x2;
var y2 = this._y2;
if ($defined(x1) && $defined(x2) && $defined(y1) && $defined(y2)) {
var diff = x2 - x1;
var middlex = (diff / 2) + x1;
var signx = 1;
var signy = 1;
if (diff < 0) {
signx = -1;
}
if (y2 < y1) {
signy = -1;
}
var path = x1 + ", " + y1 + " " + (middlex - 10 * signx) + ", " + y1 + " " + middlex + ", " + (y1 + 10 * signy) + " " + middlex + ", " + (y2 - 10 * signy) + " " + (middlex + 10 * signx) + ", " + y2 + " " + x2 + ", " + y2;
this._native.setAttribute('points', path);
}
},
_updateCurvePath : function() {
if ($defined(this._x1) && $defined(this._x2) && $defined(this._y1) && $defined(this._y2)) {
var path = PolyLine.default.prototype.buildCurvedPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2);
this._native.setAttribute('points', path);
}
}
});
export default PolyLinePeer;