svg定数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The flag of Burundi (ブルンジ), BI, drawn again by hand at 4:3 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 640 by 480, 1016 B.
The drawing flag("BI", { 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/bi.4x3";定義
const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 480\"><defs><clipPath id=\"hata-bi-4x3-a\"><path fill-opacity=\".7\" d=\"M-90.5 0H592v512H-90.5z\"/></clipPath></defs><g fill-rule=\"evenodd\" clip-path=\"url(#hata-bi-4x3-a)\" transform=\"translate(84.9)scale(.9375)\"><path fill=\"#18b637\" d=\"m-178 0 428.8 256L-178 512zm857.6 0L250.8 256l428.8 256z\"/><path fill=\"#cf0921\" d=\"m-178 0 428.8 256L679.6 0zm0 512 428.8-256 428.8 256z\"/><path fill=\"#fff\" d=\"M679.6 0h-79.9L-178 464.3V512h79.9L679.6 47.7z\"/><path fill=\"#fff\" d=\"M398.9 256a148 148 0 1 1-296.1 0 148 148 0 0 1 296 0z\"/><path fill=\"#fff\" d=\"M-178 0v47.7L599.7 512h79.9v-47.7L-98.1 0z\"/><path fill=\"#cf0921\" stroke=\"#18b637\" stroke-width=\"3.9\" d=\"m280 200.2-19.3.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm-64.6 111.6-19.2.3-10 16.4-9.9-16.4-19.2-.4 9.3-16.9-9.2-16.8 19.2-.4 10-16.4 9.9 16.5 19.2.4-9.3 16.8zm130.6 0-19.2.3-10 16.4-10-16.4-19.1-.4 9.3-16.9-9.3-16.8 19.2-.4 10-16.4 10 16.5 19.2.4-9.4 16.8z\"/></g></svg>"例
例 1
import square from "@johnmorrisdotca/hata/flags/bi.4x3";
const host=document.createElement("div");
host.innerHTML = square;
console.log(host.querySelector("svg")?.getAttribute("viewBox"));例 2
import { svg } from "@johnmorrisdotca/hata/flags/bi.4x3";
console.log(svg.startsWith("<svg"),svg.length);true 1016出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。