learn2code lesson 2

by dirkcuys

HTML

<svg id="canvas"></svg>

JavaScript

/******* Stuff you don't need to understand *******/
function rect(x, y, width, height){
    var draw = SVG('canvas').size(400, 400);
    var rect = draw.rect(width, height);
    rect.transform({x: x, y: y});
}

function circle(x, y, radius){
    var draw = SVG('canvas').size(400, 400);
    var circle = draw.circle(radius);
    circle.transform({x: x-radius/2.0, y: y-radius/2.0});
}

function text(x, y, text){
    var draw = SVG('canvas').size(400, 400);
    var txt = draw.text(text);
    txt.transform(x, y);
}

/******* Your code below this line *******/