Get Bounding Box with Fabric.js
gets the bounding box of text with fabric.js canvas
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.4.0/fabric.min.js"></script>
<canvas id="canvas" width="800" height="300" style="border:1px solid #d3d3d3; position: absolute;">
Your browser does not support the canvas element.
</canvas>
JavaScript
var canvas = new fabric.Canvas('canvas');
canvas.setBackgroundImage('bg.png', canvas.renderAll.bind(canvas), {
left: 0,
top: 0,
originX: 'left',
originY: 'top'
});
var text = new fabric.Text("Rage Against the Machine ● Lana Del Rey ● Frank Ocean", {
left: 20,
top: 20,
fontFamily: 'Staatliches',
fontSize: 48,
fontColor: black
});
canvas.add(text);