cardFaceSvg関数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
A card's face as a whole SVG document, 100 by 140: QS, TD, a joker
(RJ, BJ), a rules card (R1, R2) or the blank (BL). null for anything that is not a card. The plain design
unless another is asked for; a design handed in that has no drawing for the
card draws it plain.
Drawn into a page, the plain and four-colour faces take their colours from
--toranpu-card, --toranpu-card-ink, --toranpu-card-red,
--toranpu-card-blue and --toranpu-card-green where they are set; as an
image they keep their own.
インポート
import { cardFaceSvg } from "@johnmorrisdotca/toranpu/card-faces";定義
function cardFaceSvg(card: string, options?: CardFaceOptions): string | null引数
| 名前 | 型 | 説明 |
|---|---|---|
card | string | The physical card or card id to read, draw or play. |
options (省略可) | CardFaceOptions | Options for this call; omitted fields retain their documented defaults. |
戻り値
string | null
A card's face as a whole SVG document, 100 by 140: QS, TD, a joker (RJ, BJ), a rules card (R1, R2) or the blank (BL). null for anything that is not a card. The plain design unless another is asked for; a design handed in that has no drawing for the card draws it plain. Drawn into a page, the plain and four-colour faces take their colours from --toranpu-card, --toranpu-card-ink, --toranpu-card-red, --toranpu-card-blue and --toranpu-card-green where they are set; as an image they keep their own.
例
import { cardFaceSvg } from "@johnmorrisdotca/toranpu/card-faces";
console.log(cardFaceSvg("AS", { width: 80 })?.slice(0, 160));<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 140" width="80" height="112" role="img" aria-label="ace of spades" style="user-select:none;-webkit-user出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。