本文へ移動

Taisen Brackets対戦

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

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

目次

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

SIZES定数

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

The sizes by name. A phone's drawing is 390 wide and as tall as the bracket needs; a card is 1080 by 1350, a tall post.

インポート

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

定義

const SIZES: Readonly<Record<SizeName, Size>> = Object.freeze({
    wide: { width: 1200, height: 675 },
    square: { width: 1080, height: 1080 },
    card: { width: 1080, height: 1350 },
    phone: { width: 390, height: null },
})

例

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

console.log(SIZES.wide);
{ width: 1200, height: 675 }

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

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

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