JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jcanvas/21.0.0/min/jcanvas.min.js"></script>
<canvas></canvas>

CSS

canvas {
  border: 1px solid blue
}

JavaScript

var cv = $('canvas');
cv.drawArc({
  x: 0, y: 0, radius: 50,
  start: 0, end: 360,
  fromCenter: false,
  strokeStyle: 'grey',
  strokeWidth: 1
}).drawPolygon({
  x: 0, y: 0, radius: 50,
  fromCenter: false,
  strokeStyle: 'black',
  strokeWidth: 1,
  sides: 3
})