本文へ移動

Taisen Brackets対戦

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

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

目次

リファレンス · トーナメント表の背景

backgroundSvg関数

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

Draws one of the poster backgrounds.

インポート

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

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

定義

function backgroundSvg(preset: BackgroundPresetName, options: BackgroundSvgOptions): BackgroundSvg

引数

名前型説明
preset"midnight" | "crimson" | "royal" | "emerald" | "pitch" | "ice" | "hardwood" | "infield" | "turf" | "ball-panels" | "swirl" | "waves" | "glow" | "floodlights" | "confetti" | "carbon" | "aurora" | "sunburst" | "chevrons" | "halftone" | "argyle" | "contour" | "stardust" | "mesh" | "spotlight"

The background's name, from BACKGROUND_PRESETS.

optionsshared.BackgroundSvgOptions

The size, the theme and the tuning.

戻り値

shared.BackgroundSvg

The picture's parts and the ink that reads over it.

例

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

const { body, ink } = backgroundSvg("midnight", { width: 1200, height: 675, theme: "dark" });
console.log(body.length > 0, ink.dark);
true true

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

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

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