canvas backgroundColor does not accommodate for zoom and panning of the canvas

[jtweku]

if the canvas has fill color and you start zooming and panning the canvas the background is only showing up the original width and height. this javacript code in the static_canvas.class.js below supposed to fix that.

_renderBackgroundOrOverlay: function(ctx, property) {

      var object = this[property + 'Color'];
      if (object) {
        ctx.fillStyle = object.toLive
          ? object.toLive(ctx)
          : object;
        ctx.fillRect(
           (-this.viewportTransform[4] * 1/this.viewportTransform[0]),
           (-this.viewportTransform[5] * 1/this.viewportTransform[0]),
          this.width * 1/this.viewportTransform[0],
          this.height * 1/this.viewportTransform[0]);
      }
      object = this[property + 'Image'];
      if (object) {
        object.render(ctx);
      }

    },

[asturur]

ctx.fillRect(
           -this.viewportTransform[4] / this.viewportTransform[0],
           -this.viewportTransform[5] / this.viewportTransform[3],
          this.width / this.viewportTransform[0],
          this.height / this.viewportTransform[3]);

Just in case let's use proper x and y scaling for x and y.
Anyway this need further investigation. I do not know if backgroundImage is supposed to scale or not.
Also gradients should be checked.

[jtweku]

thanks,
I made a sample code. if you start zooming out and pan the background color is becoming white.

https://jsfiddle.net/rvj293xw/1/

[asturur]

https://jsfiddle.net/asturur/rvj293xw/2/

See updated fiddle with fixed behaviour.
Yes there was a bug in the library.

[jtweku]

thank you @asturur !

[asturur]

closed via #2632