jcblw / vsvg

〰️ A minimal virtual svg dom that allows some basic dom Node api methods.
https://www.npmjs.org/package/vsvg
14 stars 1 forks source link

templating like api #13

Closed jcblw closed 9 years ago

jcblw commented 9 years ago

I think it would be nice to have a more templating like api. react and mecury do this very well. I was thinking it probably could be added pretty easily. Eg.

var vsvg = require( 'vsvg' ),
    g = vsvg.g,
    svg = vsvg.svg,
    path = vsvg.path,
    el;

el = (
    svg( { xmlns: 'http://www.w3.org/2000/svg' },
        g( { className: 'group-1',
            path( { } ),
            path( { } ) ),
        g( { className: 'group-2' },
            path( { } ) ) ) );

console.log( svg.toHTML() );
/* 
<svg xmlns='http://www.w3.org/2000/svg' >
    <g class="group-1">
        <path />
        <path />
    </g>
    <g>
        <path />
    </g>
</svg>
*/
jcblw commented 9 years ago

fixed in #15