/* * Copyright [2011] [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.TextPeer = new Class({ Extends: web2d.peer.svg.ElementPeer, initialize : function() { var svgElement = window.document.createElementNS(this.svgNamespace, 'text'); this.parent(svgElement); this._position = {x:0,y:0}; this._font = new web2d.Font("Arial", this); }, appendChild : function(element) { this._native.appendChild(element._native); }, setTextAlignment : function(align) { this._textAlign = align; }, getTextAlignment : function() { return $defined(this._textAlign) ? this._textAlign : 'left'; }, setText : function(text) { var childs = this._native.getChildren(); childs.forEach(function(child) { child.dispose(); }); this._text = text; var lines = text.split('\n'); var tspans = []; lines.forEach(function(line) { var tspan = window.document.createElementNS(this.svgNamespace, 'tspan'); tspan.setAttribute('dy', '1em'); tspan.setAttribute('x', this.getPosition().x); var tspanContent = window.document.createTextNode(line.length == 0 ? " " : line); tspan.appendChild(tspanContent); tspans.push(tspan); this._native.appendChild(tspan); }.bind(this)); }, getText : function() { return this._text; }, setPosition : function(x, y) { this._position = {x:x, y:y}; this._native.setAttribute('y', y); this._native.setAttribute('x', x); // tspan must be positioned manually. this._native.getElements('tspan').forEach(function(span) { span.setAttribute('x', x); }); }, getPosition : function() { return this._position; }, setFont : function(font, size, style, weight) { if ($defined(font)) { this._font = new web2d.Font(font, this); } if ($defined(style)) { this._font.setStyle(style); } if ($defined(weight)) { this._font.setWeight(weight); } if ($defined(size)) { this._font.setSize(size); } this._updateFontStyle(); }, _updateFontStyle : function() { this._native.setAttribute('font-family', this._font.getFontFamily()); this._native.setAttribute('font-size', this._font.getGraphSize()); this._native.setAttribute('font-style', this._font.getStyle()); this._native.setAttribute('font-weight', this._font.getWeight()); }, setColor : function(color) { this._native.setAttribute('fill', color); }, getColor : function() { return this._native.getAttribute('fill'); }, setTextSize : function (size) { this._font.setSize(size); this._updateFontStyle(); }, setContentSize : function(width, height) { this._native.xTextSize = width.toFixed(1) + "," + height.toFixed(1); }, setStyle : function (style) { this._font.setStyle(style); this._updateFontStyle(); }, setWeight : function (weight) { this._font.setWeight(weight); this._updateFontStyle(); }, setFontFamily : function (family) { var oldFont = this._font; this._font = new web2d.Font(family, this); this._font.setSize(oldFont.getSize()); this._font.setStyle(oldFont.getStyle()); this._font.setWeight(oldFont.getWeight()); this._updateFontStyle(); }, getFont : function () { return { font:this._font.getFont(), size:parseInt(this._font.getSize()), style:this._font.getStyle(), weight:this._font.getWeight() }; }, setSize : function (size) { this._font.setSize(size); this._updateFontStyle(); }, getWidth : function () { // Firefox hack for this issue:http://stackoverflow.com/questions/6390065/doing-ajax-updates-in-svg-breaks-getbbox-is-there-a-workaround try { var computedWidth = this._native.getBBox().width; } catch(e) { computedWidth = 10; } var width = parseInt(computedWidth); width = width + this._font.getWidthMargin(); return width; }, getHeight : function () { // Firefox hack for this issue:http://stackoverflow.com/questions/6390065/doing-ajax-updates-in-svg-breaks-getbbox-is-there-a-workaround try { var computedHeight = this._native.getBBox().height; } catch(e) { computedHeight = 10; } return parseInt(computedHeight); }, getHtmlFontSize : function () { return this._font.getHtmlSize(); } });