Skip to the content

Taisen Brackets対戦

Knockout brackets as SVG, from a list of ties.

Taisen (対戦, たいせん) is Japanese for a matchup: two sides facing each other. About the name

Contents

Reference · Where every tie sits

FlagRequesttype

What a drawing asks a flags renderer for.

Import it

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

Also exported from: @johnmorrisdotca/taisen-brackets

Definition

interface FlagRequest {
    shape: FlagShape;
    size: number;
    theme: "inherit" | "light" | "dark";
}

Members

NameTypeDescription
shapeFlagShape
sizenumber

Width and height in pixels (the diameter, for a round flag).

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

light or dark for a drawing in that look (poster is dark); inherit for auto and none.

Examples

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

const request: FlagRequest = { shape: "round", size: 32, theme: "dark" };
console.log(request);
{ shape: 'round', size: 32, theme: 'dark' }

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/taisen-brackets 0.20.0.