Fabric.js: Is there a way to use padding in fabric.Textbox, as currently text goes in-line with background.

[Repensek]

Version

1.7.6

Test Case

http://jsfiddle.net/fabricjs/Da7SP/

Steps to reproduce

Expected Behavior

Actual Behavior

[brijeshb42]

Here is a solution that I implemented -

var TextboxWithPadding = fabric.util.createClass(fabric.Textbox, {
  _renderBackground: function(ctx) {
    if (!this.backgroundColor) {
      return;
    }
    var dim = this._getNonTransformedDimensions();
    ctx.fillStyle = this.backgroundColor;

    ctx.fillRect(
      -dim.x / 2 - this.padding,
      -dim.y / 2 - this.padding,
      dim.x + this.padding * 2,
      dim.y + this.padding * 2
    );
    // if there is background color no other shadows
    // should be casted
    this._removeShadow(ctx);
  }
});

this.left and this.top will also have to be taken into account.
But with new fabric updates, this method will have to be synced with that of fabric.object.

[howtomakeaturn]

@brijeshb42 I've been researching on this for a few days... your solution really helps me a lot...!

Thanks so much ... you are the best ...!