Custom control hover cursor

Demonstrates how easy it is to change the style of the cursor when you hover over control

HTML

<div id="canvas-container">
    <canvas id="canvas" width="800" height="600"></canvas>
</div>

JavaScript

var canvas = new fabric.Canvas('canvas');
  canvas.add(new fabric.Circle({ radius: 30, fill: '#f55', top: 100, left: 100 }));

	fabric.Canvas.prototype._setCornerCursor = function (corner, target) {
            var style = this.upperCanvasEl.style;

            if (corner === 'tr' || corner === 'tl' || corner === 'br' || corner === 'bl') {
                style.cursor = this.defaultCursor;
            }
             else if (corner === 'mt' || corner === 'mb' ||  corner === 'ml' || corner === 'mr' ){
                style.cursor = 'pointer';
            }           
            else {
                style.cursor = this.defaultCursor;
                corner.cornerStyle = "circle";
                return false;
            }
	}