Commit f0dc4d5

__`returns`: `SVG.Bare`__

_Javascript inheritance stack: `SVG.Bare` < `SVG.Element` [with a shallow inheritance from `SVG.Parent`]_

For all SVG elements that are not described by SVG.js, the `SVG.Bare` class comes in handy. This class inherits directly from `SVG.Element` and makes it possible to add custom methods in a separate namespace.

the `SVG.Bare` class can be instantiated with the `element()` method on any parent element:

var element = draw.element('title')

The stirng value passed as the first argument is the node name that should be generated.

Additionally the class name can be passed as the second argument from which the element should inherit:

var element = draw.element('symbol', SVG.Parent)

This gives you as the user a lot of power. But remember, with great power comes great responsibility.

__`returns`: `SVG.Bare`__

The `SVG.Bare` instance carries an additional method to add plain text:

var element = draw.element('title').words('This is a title.')

__`returns`: `itself`__

// make stroke value accessible dynamically

// create circular reference

// store current attribute value

well.innerHTML = '<svg>' + svg.replace(/\n/, '').replace(/<(\w+)([^<]+?)\/>/g, '<$1$2></$1>') + '</svg>'

SVG.Bare = SVG.invent({

// Initialize

create: function(element, inherit) {

// construct element

this.constructor.call(this, SVG.create(element))

// inherit custom methods

if (inherit)

for (var method in inherit.prototype)

if (typeof inherit.prototype[method] === 'function')

element[method] = inherit.prototype[method]

}

// Inherit from

, inherit: SVG.Element

// Add methods

, extend: {

// Insert some plain text

words: function(text) {

// remove contents

while (this.node.hasChildNodes())

this.node.removeChild(this.node.lastChild)

// create text node

this.node.appendChild(document.createTextNode(text))

return this

}

}

SVG.extend(SVG.Parent, {

// Create an element that is not described by SVG.js

element: function(element, inherit) {

return this.put(new SVG.Bare(element, inherit))

}

// Add symbol element

, symbol: function() {

return this.defs().element('symbol', SVG.Container)

}

this._leading = new SVG.Number(1.3) // store leading value for rebuilding

this._rebuild = true // enable automatic updating of dy values

this._build = false // disable build mode for adding multiple lines

// set default font

// act as getter

// move lines as well if no textPath is present

// act as getter

// act as getter

// remove existing content

// call block

// store text and make sure text is not blank

// build new lines

// disable build mode and rebuild lines

// act as getter

// act as setter

// store new rebuild flag if given

// define position of all lines

// fetch text parent

// mark new line

// apply new hy¡n

// clear if build mode is disabled

// create text node

// clear if build mode is disabled

// add new tspan and reference

// only first level tspans are considered to be "lines"

// remove existing child nodes

// reset content references

// Relative move over x axis

, dx: function(x) {

return this.x((this.target || this).x() + x)

}

// Relative move over y axis

, dy: function(y) {

return this.y((this.target || this).y() + y)

}

// Relative move over x and y axes

, dmove: function(x, y) {

return this.dx(x).dy(y)

}