layer context transform / scale don't seem to work

[xzilja]

I've created simple example below to test how certain transformations work on layers, demo is available at https://codesandbox.io/s/cool-varahamihira-i2vvd?file=/src/index.js:0-403

I might be missing something, but as far as I can tell that scale transform should work, yet no difference in display is visible with it added or removed.

import Concrete from "concretejs";

const viewport = new Concrete.Viewport({
  container: document.getElementById("app"),
  width: 500,
  height: 500
});

const layer = new Concrete.Layer();

viewport.add(layer);

const context = layer.scene.context;

context.fillRect(10, 10, 100, 100);
context.fillRect(110, 110, 100, 100);
context.fillRect(10, 210, 100, 100);
context.scale(2, 2); // Doesn't seem to work

viewport.render();

[bessw]

layer.scene.context is just a normal CanvasRenderingContext2D (unless you use a webgl context), thus scale and transform need to be called before drawing.

See https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/scale