JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://rawgithub.com/kangax/fabric.js/master/dist/all.js"></script>
<canvas id="c" width="400" height="300"></canvas>

CSS

canvas {  border:1px solid #000;     }
.controles {  margin:50px 0;   }

JavaScript

var canvas = new fabric.Canvas('c');
canvas.backgroundColor = 'red';
var w=canvas.width / 2;
var h=canvas.height / 2;
canvas.clipTo = function(ctx) {
  
 //ctx.scale(2, 1);
ctx.arc(w, h, 150, 0, Math.PI * 2,true);

};
 canvas.renderAll();
var text;
text = new fabric.Text('Honey', {
  fontSize: 50,
  left: 100,
  top: 100,
  lineHeight: 1,
  originX: 'left',
  fontFamily: 'Helvetica',
  fontWeight: 'bold'
});
canvas.add(text);