RegisteredCardBacktype
A back registered by name: how it is drawn, and the built-in back it starts from.
Import it
import type { RegisteredCardBack } from "@johnmorrisdotca/toranpu/card-backs";Definition
type RegisteredCardBack = CardBackOptions & {
base?: "classic-red" | "classic-blue" | "ink-dots";
};Members
| Name | Type | Description |
|---|---|---|
colour (optional) | string | undefined | The field's colour, in place of the back's own: |
ink (optional) | string | undefined | The colour of the lines and dots on the field. |
paper (optional) | string | undefined | The colour of the paper round the field. |
mark (optional) | string | undefined | Words in the middle, such as a site's name or mark ("五つ", "一つ"), in place of the back's own ornament. |
width (optional) | number | undefined | The width to draw at, in pixels; the height is 1.4 times it. Unless said, the drawing has no size and fills what holds it. |
title (optional) | string | undefined | What a screen reader says for it. Unless said (or said as ""), the back is decoration and says nothing. |
art (optional) | string | undefined | Your own artwork for the whole back: SVG markup drawn in the 100 by 140 box, over the paper, in place of the lattice and the ornament. It is the page's own markup: scripts, handlers and foreign objects are taken out of it. |
image (optional) | string | undefined | Your own picture for the whole back, in place of the lattice and the ornament: a |
logo (optional) | string | undefined | Your logo, in the middle of the back: SVG markup drawn in a 100 by 100 box, or a picture's address as for |
logoSize (optional) | number | undefined | How wide the logo is drawn, in units of the 100 wide card. Unless said, 34; at most 80. |
base (optional) | "classic-red" | "classic-blue" | "ink-dots" | undefined | The built-in back this one is drawn from where it says nothing: |
Examples
import type { RegisteredCardBack } from "@johnmorrisdotca/toranpu/card-backs";
const value: RegisteredCardBack = { base: "classic-blue", mark: "D" };
console.log(value.base);classic-blueWhat it prints (run when this page was built)