Version 4.0.0-beta.12 textbox

Version 4.0.0-beta.12 textbox

by Shakti Patel

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/fabric.min.js"></script>
<canvas id="canvas" width="1000" height="1000"></canvas>

JavaScript

var canvas = new fabric.Canvas('canvas');

var textbox = new fabric.Textbox('Sample Text', {
  left: 50,
  top: 100,
  fontFamily: 'arial black',
  fill: '#333',
  fontSize: 20,
  width: 300
})

canvas.add(textbox);

canvas.setActiveObject(textbox);

textbox.enterEditing();

canvas.renderAll();

canvas.on({
  'text:changed': function(o) {
    var rxCanvasObject = o.target;
    console.log(rxCanvasObject.styles, fabric.version);
  }
})