JavaScript and SVG

• Use jQuery SVG plugin, see Examples tab.
• For example:

$(document).ready(function() {
   $('#canvas').svg({onLoad: drawInitial});});

function drawInitial(svg) {
        svg.circle(75, 75, 50, {fill: 'none', stroke: 'red', 'stroke-width': 3});
        var g = svg.group({stroke: 'black', 'stroke-width': 2});
        svg.line(g, 15, 75, 135, 75);
        svg.line(g, 75, 15, 75, 135);
}

$('#canvas').svg('get').rect(50,50,15,15,{fill: 'none', stroke: 'blue', 'stroke-width': 3});