overwatch-api-server
Version:
An Unoffical Overwatch HTTP API
95 lines (78 loc) • 1.89 kB
Markdown
svg-builder
===========
Simple, chainable SVG-building tool for [NodeJS](http://nodejs.org/) and the browser (with [Browserify](http://browserify.org/))
[](https://travis-ci.org/JoeChapman/svg-builder)
[](http://badge.fury.io/js/svg-builder)
### Install
```
npm install svg-builder
```
### Usage
```js
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
```js
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
```