Fabricjs text example

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

by محمد رستمیانی

HTML

<canvas dir="rtl" id="mycanvas" width="250" height="250"></canvas>

CSS

canvas {
    border: 1px solid black;
}

JavaScript

var canvas = new fabric.Canvas('mycanvas');
canvas.backgroundColor = '#ffff00';
var canvasWidth = 230;
var fontSize_1 = 28;

console.log(fabric.version);

/* var textbox = new fabric.Textbox('شس'); */
//canvas.add(textbox);
 
var text = new fabric.Text('سلام Bar شما', {
    left: 10,
    top: 12,
    width: canvasWidth,
    textAlign: 'center',
    fontSize: fontSize_1,
    fontFamily: 'Helvetica Nue, Helvetica, Sans-Serif, Arial, Trebuchet MS'
});
canvas.add(text);

canvas.renderAll();