HitotsuShape型
リファレンスの説明と例は英語です。見出しと目次は日本語です。
One shape of the design. Text is centred on its x, and its y is the baseline.
インポート
import type { HitotsuShape } from "@johnmorrisdotca/hitotsu";
定義
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;
};
例
import type { HitotsuShape } from "@johnmorrisdotca/hitotsu";
import { hitotsuCardShapes } from "@johnmorrisdotca/hitotsu";
const value: HitotsuShape = hitotsuCardShapes("R70")[0]!;
console.log(value.kind);rect出力(このページを作ったときに実行した結果)
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。