本文へ移動

Taisen Brackets対戦

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

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

目次

リファレンス · 各対戦の位置を計算

Size型

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

A size in pixels: a width and, when it is not worked out from the drawing, a height.

インポート

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

ほかのエクスポート元: @johnmorrisdotca/taisen-brackets

定義

interface Size {
    width: number;
    height: number | null;
}

メンバー

名前型説明
widthnumber

The width of the drawing, in pixels.

heightnumber | null

Its height. null is as tall as the bracket needs (a phone's).

例

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

const wide: Size = SIZES.wide;
console.log(wide.width, wide.height);
1200 675

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

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

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