I have a circle being rendered in fabric.js version 1.6.0-rc.1:

var circlePatrol = new fabric.Circle({

  top: 300,

  left: 180,

  radius: 200,

  strokeDashArray: [10, 10],

  stroke: 'black',

  strokeWidth: 10,

  fill: 'white',

  opacity: 0.2

});

I want to set the background as transparent but retain the stroke around the circle. Is this possible in fabric.js? The opacity is also being applied to the stroke/border, I am trying to apply it to the background of the circle only.

I have tried this as well with a transparent background, still no luck:

var circlePatrol = new fabric.Circle({

      top: 300,

      left: 180,

      radius: 200,

      strokeDashArray: [10, 10],

      stroke: 'black',

      strokeWidth: 10,

      backgroundColor: 'transparent',

    });