本文へ移動

Taisen Brackets対戦

対戦の一覧から、トーナメント表をSVGで描きます。

対戦（たいせん）は、二者が向かい合って勝負することです。 名前について（英語）

目次

リファレンス · トーナメント表・表・決勝までの道を描く

ResolvedBackground型

リファレンスの説明と例は英語です。見出しと目次は日本語です。

A background ready to put in a drawing: its definitions, its body and the ink that reads over it.

インポート

import type { ResolvedBackground } from "@johnmorrisdotca/taisen-brackets";

定義

interface ResolvedBackground {
    defs: string;
    body: string;
    inks: BackgroundInks;
    auto: boolean;
}

メンバー

名前型説明
defsstring

For the drawing's <defs>.

bodystring

Drawn over the plain .tb-bg rectangle, under everything else.

inksBackgroundInks

The colours to draw over it: one for a look that is light or dark, both for auto.

autoboolean

Both pictures are in the drawing and the stylesheet shows the one that fits.

例

import { resolveBackground } from "@johnmorrisdotca/taisen-brackets";

const picture = resolveBackground("midnight", "dark", 1200, 675, "tb");
console.log(picture?.auto, picture?.body.length);
false 308

出力（このページを作ったときに実行した結果）

ソースを見るGitHub で編集@johnmorrisdotca/taisen-brackets 0.20.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。