本文へ移動

Taisen Brackets対戦

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

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

目次

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

groupsTable関数

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

The table of the groups as HTML, for a reader the drawing does not serve: one <table> a group, its caption the group's name, a row a team.

インポート

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

定義

function groupsTable(input: BracketLayout | readonly Matchup[] | BracketInput, options?: Pick<DrawOptions, "locale" | "words" | "teamName" | "standings"> & { className?: string; }): string

引数

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

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

options (省略可)Pick<DrawOptions, "locale" | "words" | "teamName" | "standings"> & { className?: string; }

The language, the words, the standings columns and a className.

戻り値

string

The HTML, one <table> for each group; an empty string when there is no group game.

例

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

const teams = [{ id: "A", name: "Aurora", group: "A" }, { id: "B", name: "Harbour", group: "A" }];
console.log(groupsTable({ teams, matchups: [{ sides: ["A", "B"], score: [2, 1], round: 0 }] }).includes("<table"));
true

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

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

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