fabric - scaleToWidth Issue

Used in documentation (jsdoc tag)

by tomfree

HTML

<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width="400" height="400"></canvas>
<button id="toggle-repeat">Toggle repeat</button>
<button id="toggle-bgcolor">Toggle background</button>

CSS

canvas {
    border: 1px solid #999;
}
button {
    margin-top: 20px;
}

JavaScript

var canvas = this.__canvas = new fabric.Canvas('c');
  
var size = 200;
var color = "#ff0000";
var fontScale = 1;

console.log("size to be "+size);
    
    var opt = {
             fill: color,
             stroke: color,
    		 scaleX: fontScale,
    		 scaleY: fontScale,
             fontFamily: "Times New Roman",
             fontSize: 40,
             fontWeight: "",
             fontStyle: "",
             textAlign: "center"
          }
    var itext = new fabric.Text("Hallo", opt);
    canvas.add(itext);
    itext.scaleToWidth(size);
    canvas.renderAll();    
    console.log("new size after render "+itext.getScaledWidth());

canvas.add(itext);