graphic with four colored squares

2D Context

Using <canvas> element

interface CanvasRenderingContext2D {
  [...]
  void scale(in float x, in float y);
  void rotate(in float angle);
  void translate(in float x, in float y);
  CanvasGradient createLinearGradient(...);
  CanvasPattern createPattern(in HTMLElement element,
                              in DOMString repetition);
  void strokeRect(in float x, in float y, in float w, in float h);
  void moveTo(in float x, in float y);
  void strokeText(...);
};