Template for issues

by Steve Eberhardt

HTML

<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script>
<button id="btnSetWidth" onclick="setWidth()">Set Width</button>
<canvas id="c" width="600" height="600"></canvas>

CSS

canvas {
    border: 1px solid #999;
}

JavaScript

/**
 * fabric.js template for bug reports
 *
 * Please update the name of the jsfiddle (see Fiddle Options).
 * This templates uses latest dev verison of fabric.js (https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js).
 */

// initialize fabric canvas and assign to global windows object for debug
var canvas = window._canvas = new fabric.Canvas('c');

var objCircle = new fabric.Circle({
  radius: 100, 
  fill: '#fafafa', 
  stroke: "#000", 
  strokeWidth: 1, 
  opacity: 1, 
  left: 150, 
  top: 150,
  scaleX: 0.5
});

canvas.add(objCircle);
canvas.renderAll();

function setWidth()
{   
  objCircle.set('radius', 50);
  objCircle.setCoords();  
  canvas.setActiveObject(canvas.item(0));
  canvas.renderAll();
}