svg.js playground

HTML

<script src="https://s3-eu-west-1.amazonaws.com/svgjs/svg.draggable.js"></script>
<script src="https://s3-eu-west-1.amazonaws.com/svgjs/svg.clock.js"></script>
<script src="https://s3-eu-west-1.amazonaws.com/svgjs/svg.import.js"></script>
<script src="https://s3-eu-west-1.amazonaws.com/svgjs/svg.filter.js"></script>
<script src="https://s3-eu-west-1.amazonaws.com/svgjs/svg.export.js"></script>
<script src="https://s3-eu-west-1.amazonaws.com/svgjs/svg.easing.js"></script>
<script src="https://s3-eu-west-1.amazonaws.com/svgjs/svg.shapes.js"></script>
<div id="canvas"></div>

JavaScript

/* create and svg canvas */
    var draw = SVG('canvas')
    
    /* draw rectangle */
    
    var group = draw.group();
    
    var rect = draw.rect(100,100).fill('#f09')
    group.add(rect);
    
    var text = draw.text('AAA');
    text.font({anchor: 'middle', size: 30, family: 'Helvetica'});
    group.add(text);
    text.move(50,50);

    group.move(100,100);