var canvas = new ludo.canvas.Canvas({
    renderTo:'myDiv'
});

var paint = new ludo.canvas.Paint({
    'stroke-width' : 5,
    'stroke-opacity' : .5,
    'stroke-color' : '#DEF'
}, { className : 'MyClass' );
canvas.adoptDef(paint); // Appended to <defs> node

// create node and set "class" to paint
// alternative methods:
// paint.applyTo(node); and
// node.addClass(paint.getClassName());
var node = new ludo.canvas.Node('rect', { id:'myId2', 'class' : paint});

canvas.adopt(node);

// Paint object for all <rect> and <circle> tags:

var gradient = new ludo.canvas.Gradient({
   id:'myGradient'

}); canvas.adopt(gradient); gradient.addStop('0%', '#0FF'); gradient.addStop('100%', '#FFF', 0); // New paint object applied to all <rect> and <circle> tags. var paint = new ludo.canvas.Paint({ 'stroke-width' : 5, 'fill' : gradient, 'stroke-opacity' : .5, 'stroke-color' : '#DEF' }, { selectors : 'rect, circle' );