Reference · Game engine and table
HitotsuShapetype
One shape of the design. Text is centred on its x, and its y is the baseline.
Import it
import type { HitotsuShape } from "@johnmorrisdotca/hitotsu";
Definition
type HitotsuShape = {
kind: "rect";
x: number;
y: number;
width: number;
height: number;
rx: number;
fill: string;
stroke?: string;
strokeWidth?: number;
transform?: string;
} | {
kind: "path";
d: string;
fill: string;
} | {
kind: "circle";
cx: number;
cy: number;
r: number;
fill: string;
stroke?: string;
strokeWidth?: number;
} | {
kind: "text";
x: number;
y: number;
text: string;
fontSize: number;
fontWeight?: string;
fill: string;
stroke?: string;
strokeWidth?: number;
fontFamily: string;
transform?: string;
};
Examples
import type { HitotsuShape } from "@johnmorrisdotca/hitotsu";
import { hitotsuCardShapes } from "@johnmorrisdotca/hitotsu";
const value: HitotsuShape = hitotsuCardShapes("R70")[0]!;
console.log(value.kind);rectWhat it prints (run when this page was built)