Fabricjs Textbox gradient support

by Hooman Askari

HTML

<script src="https://unpkg.com/[email protected]/dist/fabric.min.js"></script>
<canvas id="canvas"></canvas>

JavaScript

const canvas = new fabric.Canvas(document.getElementById('canvas'), {
  width: 800,
  height: 600,
  backgroundColor: 'white'
});

const textbox = new fabric.Textbox('Hello World', {
   "originX":"left",
   "originY":"top",
   "left":0,
   "top":0,
   "fontFamily":"sans-serif",
   "fontWeight":900,
   "fontSize":166
});

fabric.util.loadImage('https://cdn.artboard.studio/private/5ecd31e93f85a0001845a674/projects/631b54f76beddd18c8bca670/1f9732a7-49fe-448f-9f50-4b3bf78c306f-download.png', function(img) {
	textbox.fill = new fabric.Pattern({source: img});
})

canvas.add(textbox);