本文へ移動

Taisen Brackets対戦

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

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

目次

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

EmblemRequest型

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

What drawBracket asks an emblems renderer for.

インポート

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

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

定義

interface EmblemRequest {
    style: EmblemStyle;
    size: number;
    tint?: string;
    theme: "inherit" | "light" | "dark";
}

メンバー

名前型説明
styleEmblemStyle
sizenumber

Width and height in pixels.

tint (省略可)string | undefined

The colour of the main part, when emblemTint is set.

theme"light" | "dark" | "inherit"

light or dark for a bracket in that look (poster is dark); inherit for auto and none, where the drawing's stylesheet or the page sets the ink.

例

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

const request: EmblemRequest = { style: "metal", size: 96, theme: "light" };
console.log(request.size);
96

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

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

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