JSFiddle - React, Tailwind, and code Playground

HTML

<html>
	<head>
		<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
		<script type="text/javascript" src="https://www.printhubpro.co.uk/vendor/designer/designer/fabric.js"></script>
		
		<style type="text/css">
			@import url(//fonts.googleapis.com/css?family=Playfair+Display);
		</style>
		
		<script type="text/javascript">
			$(document).ready(function(){
				var canvas = window._canvas = new fabric.Canvas('canvas');
				
				var rect = new fabric.Rect({
				    width: 50,
				    height: 50,
				    left: 100,
				    top: 100,
				    stroke: '#aaf',
				    strokeWidth: 5,
				    fill: '#faa',
				    selectable: false
				  });
				  canvas.add(rect);
				  
				  var t = new fabric.IText("We understand that a visit to the Dentist can bea nerve racking and worrying time.In some circumstances patients may feel that they cannot face the dental treatment necessary and would rather suffer the pain of toothache than seek advice and treatment. We offer Intravenous (IV) Sedation to help make your experience a less stressful one. !", {
					  backgroundColor: '#FFFFFF',
					  fill: '#000000',
					  fontFamily:'Playfair Display',
					  fontSize: 25,
					  top : 50,
					  left:50


					});
				  canvas.add(t);
				canvas.renderAll();
			});
			
		</script>
	</head>
	<body>
		<canvas id="canvas" width="4000" height="2000" style="border: solid 1px;"></canvas>
	</body>
</html>