本文へ移動

Hata旗

国や地域の旗を読み込み、対応する表示の形を選び、絵ごとの資料・作者・ライセンスを保てます。

「旗(はた)」は、旗を表す日本語です。 名前について(英語)

目次

リファレンス · WF--LOCALの旗のSVG

svg定数

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

The local flag of Wallis and Futuna: one of the flags of Wallis & Futuna (ウォリス・フツナ), WF, in real use, as an SVG string: viewBox 150 by 100 (3:2), 413 B. From Wikimedia Commons, "Flag of Wallis and Futuna.svg" (public domain). flag("WF", { variant: "local" }) loads it, and variantsOf("WF") says its status, dates and why it is offered.

インポート

import { svg } from "@johnmorrisdotca/hata/flags/wf--local";

定義

const svg: string = "<svg data-hata=\"wf--local\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 150 100\"><path fill=\"#ce1126\" d=\"M0 0h150v100H0z\" style=\"fill:#ce1126;fill-opacity:1\"/><path fill=\"#fff\" d=\"M0 0h40v40H0z\"/><path fill=\"#002654\" d=\"M0 0h20v40H0z\" style=\"fill:#002654;fill-opacity:1\"/><path fill=\"none\" stroke=\"#fff\" d=\"M0 40h60V0\"/><path fill=\"#fff\" d=\"M105 46 93 34h24zm-4 4L89 38v24zm4 4L93 66h24zm4-4 12-12v24z\"/></svg>"

例

例 1

import flag from "@johnmorrisdotca/hata/flags/wf--local";

const host=document.createElement("div");
host.innerHTML = flag;
console.log(host.querySelector("svg")?.getAttribute("viewBox"));

例 2

import { svg } from "@johnmorrisdotca/hata/flags/wf--local";
console.log(svg.startsWith("<svg"),svg.length);
true 413

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

ソースを見るGitHub で編集@johnmorrisdotca/hata 1.6.0 のソースから作成しました。

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