Vector.SVG Getting Started

A demo for Vector.SVG JS library

by Rousan Ali

HTML

<script src="https://cdn.jsdelivr.net/npm/vector.svg/dist/vector.svg.min.js"></script>
<div id="paper">
  
</div>

JavaScript

var paper = Vector("paper", 400, 300);

var circle = paper.circle(50).cx(60).cy(60);
circle.attr("stroke", "red")
			.attr("fill", "purple");
      
var rect = paper.rect(100, 100).x(100).y(100);
rect.attr("stroke", "purple")
		.attr("fill", "green");