本文へ移動

Hata旗

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

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

目次

リファレンス · JP-26の旗のSVG

default定数

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

The flag of Kyōto (京都府), JP-26, as an SVG string: viewBox 924 by 660 (7:5), 1.1 KB. From Wikimedia Commons, "Flag of Kyoto Prefecture.svg" (public domain); the /manifest entry gives its author, licence and why it was chosen. It has a viewBox and no width or height, so it fills the box it is put in at its own aspect ratio.

インポート

import value from "@johnmorrisdotca/hata/flags/jp-26";

定義

const svg: string = "<svg data-hata=\"jp-26\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 924 660\"><path fill=\"#942b9d\" d=\"M0 0h924v660H0z\"/><g transform=\"translate(462 330) scale(32.5)\"><g id=\"hata-jp-26-b\"><path id=\"hata-jp-26-a\" fill=\"#fff\" d=\"M-2.199-3.808a2.22 2.22 0 0 1 .926-1.51A5.1 5.1 0 0 0 0-6.6a5.1 5.1 0 0 0 1.273 1.281A2.22 2.22 0 0 1 2.2-3.808L0 1z\"/><use href=\"#hata-jp-26-a\" transform=\"rotate(180)\"/></g><use href=\"#hata-jp-26-b\" transform=\"rotate(60)\"/><use href=\"#hata-jp-26-b\" transform=\"rotate(120)\"/><g id=\"hata-jp-26-d\"><path id=\"hata-jp-26-c\" fill=\"#fc0\" d=\"m-.922-2.382-.307-.896a1.3 1.3 0 1 1 2.458 0l-.307.896a.4.4 0 0 0 .68.393L0 .2z\"/><use href=\"#hata-jp-26-c\" transform=\"rotate(180)\"/></g><use href=\"#hata-jp-26-d\" transform=\"rotate(60)\"/><use href=\"#hata-jp-26-d\" transform=\"rotate(120)\"/><g id=\"hata-jp-26-f\"><path id=\"hata-jp-26-e\" fill=\"#fff\" d=\"m-.405-1.812-.19-1.408a.6.6 0 1 1 1.19 0l-.19 1.408a.6.6 0 0 0 .962.555L0 .6z\"/><use href=\"#hata-jp-26-e\" transform=\"rotate(180)\"/></g><use href=\"#hata-jp-26-f\" transform=\"rotate(60)\"/><use href=\"#hata-jp-26-f\" transform=\"rotate(120)\"/><circle r=\"1\" fill=\"#fc0\"/></g></svg>"

例

例 1

import flag from "@johnmorrisdotca/hata/flags/jp-26";

const host=document.createElement("div");
host.innerHTML = flag; // or toDataUri(flag) from "@johnmorrisdotca/hata" for an <img src>
console.log(host.querySelector("svg")?.getAttribute("viewBox"));

例 2

import { svg } from "@johnmorrisdotca/hata/flags/jp-26";
console.log(svg.startsWith("<svg"),svg.length);
true 1134

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

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

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