JSFiddle - React, Tailwind, and code Playground

HTML

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





	<script src="test.js" type="text/javascript"> </script>

<body>



	<div><canvas width="600" height="600"  ></canvas></div>
</body>
</html>

CSS

canvas
{
	display: block;
	border-style: solid;
	border-color: black;
	margin-left: auto;
	margin-right: auto;

}
html,body
{
	height: 100%
}

JavaScript

$('canvas').drawArc({
  fillStyle: 'darkblue',
  x: 100, y: 50,
  radius: 30
});

$('canvas').drawArc({
  fillStyle: 'darkblue',
  x: 200, y: 50,
  radius: 30
});





$('canvas').translateCanvas({
  translateX: 200, translateY: 100
})
.drawRect({  // quel fonction me permet de recuperer les autres formes ?
  fillStyle: '#000',
  x: 50, y: 50,
  width: 100, height: 50
})
.restoreCanvas();