`svg`定数

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

The flag of South Korea (韓国), KR, as an SVG string: viewBox 144 by 96 (3:2), 806 B. From Wikimedia Commons, "Flag of South Korea.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 { svg } from "@johnmorrisdotca/hata/flags/kr";

定義

const svg: string = "<svg data-hata=\"kr\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-72 -48 144 96\"><path fill=\"#fff\" d=\"M-72-48v96H72v-96z\"/><path stroke=\"#000\" stroke-width=\"4\" d=\"M-34.946-37.72-48.26-17.75m4.992 3.328 13.313-19.97m4.992 3.329-13.312 19.969m63.236 42.157 6.101-9.152m1.11-1.664 6.101-9.153m4.993 3.328-6.102 9.153m-1.11 1.664-6.101 9.152m4.992 3.329 6.102-9.153m1.11-1.664 6.1-9.153m-96.516 0 13.313 19.97m4.992-3.329-6.102-9.152m-1.109-1.664-6.102-9.153m4.993-3.328 13.312 19.97m63.236-42.158-6.101-9.153m-1.11-1.664-6.101-9.152m4.992-3.328 13.313 19.969m4.992-3.328-6.102-9.153m-1.11-1.664-6.1-9.153\"/><path fill=\"#cd2e3a\" d=\"M9.985 6.656A18 18 0 1 1-19.97-13.313a24 24 0 1 1 39.938 26.626\"/><path fill=\"#0047a0\" d=\"M-19.97-13.313a24 24 0 1 0 39.94 26.626A12 12 0 1 0 0 0a12 12 0 1 1-19.97-13.313\"/></svg>"

例

例 1

import flag from "@johnmorrisdotca/hata/flags/kr";

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/kr";
console.log(svg.startsWith("<svg"),svg.length);

true 806

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

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

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

svg定数

定義

例

例 1

例 2

`svg`定数