本文へ移動

Hata旗

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

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

目次

リファレンス · MO.1X1の旗のSVG

default定数

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

The flag of Macao SAR China (中華人民共和国マカオ特別行政区), MO, drawn again by hand at 1:1 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 512 by 512, 1.3 KB. The drawing flag("MO", { shape: "1:1" }) uses (and the round frame, in a circle), made for that shape by hand rather than cut from the flag. The /manifest entry's framings say how each frame was chosen.

インポート

import value from "@johnmorrisdotca/hata/flags/mo.1x1";

定義

const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#00785e\" d=\"M0 0h512v512H0z\"/><path fill=\"#fbd116\" d=\"M272.5 147.4 256 96.5l-16.5 51 43.3-31.5h-53.6z\"/><g id=\"hata-mo-1x1-a\"><path fill=\"#fff\" d=\"M256 353.7H146.7l-4-4.2H256a2 2 0 0 1 1.5 2q0 1.6-1.5 2.2m0-33.4c.6-1.3 1.9-4.3 1.3-8a13 13 0 0 0-1.3-4.1 87 87 0 0 1-34.7 20.2 86 86 0 0 1-25 3.7h-67.4l6.3 8.6h65a86 86 0 0 0 55.8-20.4M139.1 294a34 34 0 0 1-10.3 2.2 86 86 0 0 0 64.8 29.3 86 86 0 0 0 62.4-26.6 470 470 0 0 0 4.8-62.9 470 470 0 0 0-4.8-72.2c-7 6.3-20.2 20-26.4 40.9a87 87 0 0 0-3.6 24.6 86 86 0 0 0 14.6 48.1 86 86 0 0 1-18-52.9 86 86 0 0 1 8.2-37 35 35 0 0 1-8-13.8 86 86 0 0 0-11.2 42.6 86 86 0 0 0 17 51.4 101 101 0 0 0-78.3-31.5 35 35 0 0 1 7.2 9.5 101 101 0 0 1 73.3 31.4 101 101 0 0 0-65.2-23.6q-20.9 0-39 7.8a87 87 0 0 0 88 55.6 87 87 0 0 1-15.4 1.4 86 86 0 0 1-60.1-24.3M256 388.7h-56.6a153 153 0 0 0 56.6 10.8 12 12 0 0 0 1.3-5.3 12 12 0 0 0-1.3-5.5m0-26.2h-99.9l8.4 6.7H256a5 5 0 0 0 1.4-3.3c0-2-1.2-3.1-1.4-3.4m0 13.4h-81.8a153 153 0 0 0 15.4 8.5H256a8 8 0 0 0 1.2-4.5 8 8 0 0 0-1.2-4\"/><path fill=\"#fbd116\" d=\"m155.6 211.7-7-36.4-15.7 33.6 32.4-18-36.8-4.5zm49.3-58.8-29.6-22.3 10.8 35.4 12.1-35-30.3 21.3z\"/></g><use width=\"100%\" height=\"100%\" href=\"#hata-mo-1x1-a\" transform=\"matrix(-1 0 0 1 512 0)\"/></svg>"

例

例 1

import square from "@johnmorrisdotca/hata/flags/mo.1x1";

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

例 2

import { svg } from "@johnmorrisdotca/hata/flags/mo.1x1";
console.log(svg.startsWith("<svg"),svg.length);
true 1308

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

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

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