svg定数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The flag of Liberia (リベリア), LR, as an SVG string: viewBox 209 by 110 (19:10), 662 B. From Wikimedia Commons, "Flag of Liberia.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/lr";定義
const svg: string = "<svg data-hata=\"lr\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 209 110\"><path fill=\"#bf0a30\" d=\"M0 0h209v110H0z\"/><path stroke=\"#fff\" stroke-width=\"10\" d=\"M0 15h209m0 20H0\"/><path fill=\"#00205b\" d=\"M0 0h50v55H0z\"/><path stroke=\"#fff\" stroke-width=\"10\" d=\"M0 55h209m0 20H0m0 20h209\"/><g transform=\"translate(25,25) scale(15)\"><g id=\"hata-lr-b\"><path id=\"hata-lr-a\" fill=\"#fff\" d=\"M0 0v1h.5z\" transform=\"translate(0,-1) rotate(18)\"/><use href=\"#hata-lr-a\" transform=\"scale(-1,1)\"/></g><g id=\"hata-lr-c\"><use href=\"#hata-lr-b\" transform=\"rotate(72)\"/><use href=\"#hata-lr-b\" transform=\"rotate(216)\"/></g><use href=\"#hata-lr-c\" transform=\"rotate(72)\"/></g></svg>"例
例 1
import flag from "@johnmorrisdotca/hata/flags/lr";
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/lr";
console.log(svg.startsWith("<svg"),svg.length);true 662出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。