JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width="600" height="600"></canvas>
CSS
#c
{
background-color: green;
}
JavaScript
var canvas = new fabric.Canvas('c');
var radius = 150;
fabric.Image.fromURL('http://cdn.younghollywood.com/images/stories/newsIMG/wenn/20140901/wenn21338105_46_4145_8.jpg', function(oImg) {
oImg.scale(1.0).set({
left: 50,
top: 50,
width: 200,
height: 200
});
canvas.add(oImg);
canvas.renderAll();
});
var border = new fabric.Rect({
width: 200,
height: 200+10,
left: 50,
top: 40,
fill: "#FFFFFF"
});
canvas.add(border);
canvas.renderAll();