title: how to rotate line in fabricjs by clicking any point to select/drag?
body: <p>I have a line with one end at a fixed point that can be rotated or stretched by the user.</p>
  
  <p>jsfiddle <a href="http://jsfiddle.net/bgnz21rs/" rel="nofollow noreferrer">here</a></p>
  
  <p>It seems that in fabricJS the only way to select a line/object for rotation is the little selection box in the middle.  Also, a line is narrow so it is hard to select. Typically one must drag a rectangular selection box across the line to select it, then grab the unlabeled rotation box.</p>
  
  <p>I want to simplify this to:  click anywhere on the line and drag to rotate.</p>
  
  <p>ideas?</p>
  
  <p>thx.</p>
  
  <p>code snippet:</p>
  
  <pre><code>var canvas = new fabric.Canvas("c", {stateful: true});
  
  
  var line1 = new fabric.Line([ 100, 200, 330, 200 ], {
        fill: 'red',
        stroke: 'red',
        strokeWidth: 3,
        selectable: true,
        evented: false,
        minScaleLimit: 0.25,
        lockRotation: false,
        centeredRotation: false,
        centeredScaling: false,
  
        originX: "left",    // origin of rotation/transformation.      
        originY: "bottom",    // origin of rotation/transformation.
  
        lockMovementX: true,
        lockMovementY: true,
        lockScalingFlip: true,
        lockScalingX: false,
        lockScalingY: false,
        lockSkewingX: false,
        lockSkewingY: false,
        lockUniScaling: true
      });
  </code></pre>