@thi.ng/hiccup-canvas/rect.js

Hiccup shape tree renderer for vanilla Canvas 2D contexts

import { __endShape } from "./internal/end-shape.js";
const rect = (ctx, attribs, pos, w, h, radii) => {
  let v;
  if (radii !== void 0) {
    ctx.beginPath();
    ctx.roundRect(pos[0], pos[1], w, h, radii);
    __endShape(ctx, attribs);
    return;
  }
  if ((v = attribs.fill) && v !== "none") {
    ctx.fillRect(pos[0], pos[1], w, h);
  }
  if ((v = attribs.stroke) && v !== "none") {
    ctx.strokeRect(pos[0], pos[1], w, h);
  }
};
export {
  rect
};