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>-->





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

CSS

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

}
html,body
{
	height: 100%
}

JavaScript

$(document).ready(function(){

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