WIP

src/board/layers/drawRectangle.ts

@@ -0,0 +1,27 @@
+import { SquareStyle } from "../../types";
+import createGradient from "../fill/createGradient";
+import createPattern from "../fill/createPattern";
+
+const drawRectangle = async (
+  ctx: CanvasRenderingContext2D,
+  width: number,
+  height: number,
+  x: number,
+  y: number,
+  squareStyle: SquareStyle
+) => {
+  const fill = await (squareStyle.type === "solid"
+    ? squareStyle.data.color
+    : squareStyle.type === "gradient"
+    ? createGradient(ctx, squareStyle.data, width, height, x, y)
+    : createPattern(ctx, squareStyle.data));
+
+  if (fill === null) {
+    throw new Error("Cannot create canvas fill style");
+  }
+
+  ctx.fillStyle = fill;
+  ctx.fillRect(x, y, width, height);
+};
+
+export default drawRectangle;