Simple SVG demo - Long

by Prathameshsb

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.3/svg.js"></script>
<script src="https://rawgit.com/eu81273/jsfiddle-console/master/console.js"></script>
<div id="drawing"></div>

JavaScript

"use strict"
let draw = SVG('drawing').size(350, 350);

let rect1 = draw.rect(100, 150);
rect1.x(0); // not actually needed
rect1.y(0); // not actually needed
rect1.fill('#f00');

let rect2 = draw.rect(150, 150).x(100).y(0).fill('#cc0');

let rect3 = draw.rect(100, 150);
rect3.x(0); // not actually needed
rect3.y(100);
rect3.fill('#0c5');

let rect4 = draw.rect(150, 100);
rect4.x(100);
rect4.y(100);
rect4.fill('#a49');