/* * Copyright [2012] [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. */ web2d.peer.svg.PolyLinePeer = new Class({ Extends: web2d.peer.svg.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 = web2d.PolyLine.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 = web2d.PolyLine.buildCurvedPath(this.breakDistance, this._x1, this._y1, this._x2, this._y2); this._native.setAttribute('points', path); } } });