svg定数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The flag of Israel (イスラエル), IL, drawn again by hand at 4:3 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 640 by 480, 777 B.
The drawing flag("IL", { shape: "4:3" }) uses, made for that shape by hand rather than cut from the flag. The /manifest entry's framings say how each frame was chosen.
インポート
import { svg } from "@johnmorrisdotca/hata/flags/il.4x3";定義
const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 480\"><defs><clipPath id=\"hata-il-4x3-a\"><path fill-opacity=\".7\" d=\"M-87.6 0H595v512H-87.6z\"/></clipPath></defs><g fill-rule=\"evenodd\" clip-path=\"url(#hata-il-4x3-a)\" transform=\"translate(82.1)scale(.94)\"><path fill=\"#fff\" d=\"M619.4 512H-112V0h731.4z\"/><path fill=\"#0038b8\" d=\"M619.4 115.2H-112V48h731.4zm0 350.5H-112v-67.2h731.4zm-483-275 110.1 191.6L359 191.6z\"/><path fill=\"#fff\" d=\"m225.8 317.8 20.9 35.5 21.4-35.3z\"/><path fill=\"#0038b8\" d=\"M136 320.6 246.2 129l112.4 190.8z\"/><path fill=\"#fff\" d=\"m225.8 191.6 20.9-35.5 21.4 35.4zM182 271.1l-21.7 36 41-.1-19.3-36zm-21.3-66.5 41.2.3-19.8 36.3zm151.2 67 20.9 35.5-41.7-.5zm20.5-67-41.2.3 19.8 36.3zm-114.3 0L189.7 256l28.8 50.3 52.8 1.2 32-51.5-29.6-52z\"/></g></svg>"例
例 1
import square from "@johnmorrisdotca/hata/flags/il.4x3";
const host=document.createElement("div");
host.innerHTML = square;
console.log(host.querySelector("svg")?.getAttribute("viewBox"));例 2
import { svg } from "@johnmorrisdotca/hata/flags/il.4x3";
console.log(svg.startsWith("<svg"),svg.length);true 777出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。