本文へ移動

Taisen Brackets対戦

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

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

目次

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

bracketTable関数

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

The bracket as an HTML table, for a reader the drawing does not serve: one row for every tie, round by round, with the two sides, the score, the winner in bold, the date where the tie has one (written as the language writes dates) and a note. It is a plain, valid <table> with a caption and header cells, in the language of locale.

インポート

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

定義

function bracketTable(input: BracketLayout | readonly Matchup[] | BracketInput, options?: TableOptions): string

引数

名前型説明
inputreadonly Matchup[] | BracketInput | BracketLayout

The matchups, a { matchups, teams } or a layout.

options (省略可)TableOptions

The caption, the class, the language, the words and the round names.

戻り値

string

The HTML of a <table>: one row for each tie, with its round, its sides, its score and its notes.

例

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

console.log(bracketTable([{ sides: ["Aurora", "Harbour"], score: [2, 1] }, { sides: ["Cascade", "Delta"], score: [0, 1] }, { sides: ["Aurora", "Delta"], score: [3, 1] }]).startsWith("<table"));
true

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

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

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