Fabricjs text example

Displays line breaks from Textarea element, to help keep user formatting.

HTML

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<canvas id="mycanvas" width="2000" height="1000"></canvas>

CSS

canvas {
    border: 1px solid black;
}

JavaScript

var canvas = new fabric.Canvas('mycanvas');
var text = new fabric.Text("this is test text", {
    left: 10,
    top: 12,    
    textAlign: 'center',
    fontSize: 12    
});
canvas.add(text);
canvas.renderAll();

canvas.setDimensions({width: '1000px', height: '500px'}, {cssOnly: true});