svg-builder
Simple, chainable SVG-building tool for NodeJS and the browser (with Browserify)
Install
npm install svg-builder
SVG Elements
- a
- circle
- foreignObject
- g
- line
- path
- rect
- style
- text
Usage
var svg = require('svg-builder')
.width(125)
.height(125);
var logo = svg
.circle({
r: 40,
fill: 'none',
'stroke-width': 1,
stroke: '#CB3728',
cx: 42,
cy: 82
}).circle({
r: 40,
fill: 'none',
'stroke-width': 1,
stroke: '#3B92BC',
cx: 84,
cy: 82
}).text({
x: 10,
y: 20,
'font-family': 'helvetica',
'font-size': 15,
stroke : '#fff',
fill: '#fff'
}, 'My logo').render();
svg.reset(); //removes all elements from the internal DOM.
svg.line({
x1:0,
y1:0,
x2:125,
y2:125,
stroke:'#FF0000',
'stroke-width': 10
}).line({
x1:0,
y1:125,
x2:125,
y2:0,
stroke:'#FF0000',
'stroke-width': 10
}).render();
or
var otherBuilder = svg.newInstance(); // returns a new builder instance
otherBuilder.width(640).height(480);
otherBuilder.line({
x1:0,
y1:0,
x2:640,
y2:480,
stroke:'#FF0000',
'stroke-width': 40
}).line({
x1:0,
y1:480,
x2:640,
y2:0,
stroke:'#FF0000',
'stroke-width': 40
}).render();
Test
$ npm test