ZVG demo

Zombo Vector Graphics library

by Nicolaus Maloney

HTML

<script src="https://nicolausmaloney.org/zvg/zvg-bundle.js"></script>
<div id="paper"></div>

CSS

body {
  background-color: 000000; 
  margin: 0;
  padding: 5;
}

#paper {
  position: absolute;
  background-color: #ff0000; 
  bottom: 10px; 
  left: 10px; 
  top: 10px; 
  right: 10px;
}

JavaScript

triangle('orange', [10, 10], [90, 90], [10, 60]);
triangle('Yellow', [10, 80], [90, 160], [10, 130]);
triangle('Green', [10, 150], [90, 230], [10, 200]);
triangle('blue', [10, 220], [90, 300], [10, 270]);
triangle('purple', [10, 290], [90, 370], [10, 340]);