本文へ移動

Taisen Brackets対戦

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

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

目次

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

judoRoadPanel関数

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

The road-to-the-final panel for an athlete: their block (flag, name, code, coach) in the colour of a judogi, and a row for each contest won, most recent first: the round, the opponent's flag, code and name, and how it was won. A bye is a quiet row. Throws a RangeError for an athlete with no name, a win with no round, or a bad size, theme or rows.

インポート

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

定義

function judoRoadPanel(source: JudoRoadSource, options?: JudoRoadOptions): string

引数

名前型説明
sourceJudoRoadSource

The athlete and their wins.

options (省略可)JudoRoadOptions

The weight class, the side, the order, the rows, the size, the theme and the language.

戻り値

string

The SVG, a string that begins with <svg.

例

import { judoRoadPanel, judoWins } from "@johnmorrisdotca/taisen-brackets";

const wins = judoWins([
  { id: "a", round: 1, sides: ["Haru", "Marc"], judo: { sides: [{ ippon: true }, {}], time: "1:12" } },
  { id: "f", round: 2, sides: ["Haru", "Levan"], judo: { sides: [{ wazaAri: 1 }, { yuko: 1 }], goldenScore: true, time: "5:40" } },
], "Haru");
const svg = judoRoadPanel({ athlete: { name: "Haru", code: "JPN" }, wins }, { weight: "Men -66 kg" });
console.log(svg.includes("Road to the final"));
true

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

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

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