Fabricjs Heart Class
creating Heart class, similar to Star class https://github.com/kangax/fabric.js/issues/267 using answer from http://stackoverflow.com/questions/17812408/wrong-boundingbox-with-path-in-fabric-js
by Kris
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.6.0/fabric.min.js"></script>
<img id='img' src='' width='300px'>
<canvas id="fabric" />
JavaScript
canvas = new fabric.Canvas('fabric', { selection: false });
const test = new fabric.Textbox('eyuwqi12132434', {
fontSize: 20,
angle: 0,
fill: '#000000',
fontWeight: '',
originX: 'left',
width: 100,
hasRotatingPoint: true,
centerTransform: true,
charSpacing: 200
})
canvas.add(test);
canvas.renderAll();
const base64 = canvas.toDataURL({
format: 'png',
multiplier: 1
})
document.getElementById('img').src = base64