svg定数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The flag of Utah (ユタ州), US-UT, as an SVG string: viewBox 190.5 by 114.3 (5:3), 1.4 KB. From Wikimedia Commons, "Flag of Utah.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/us-ut";定義
const svg: string = "<svg data-hata=\"us-ut\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 190.5 114.3\"><path fill=\"#fff\" d=\"M0 0h190.5v114.3H0z\"/><path fill=\"#071d49\" d=\"M190.5 0v46.15l-19.05-11-9.52 5.5-28.58-16.5-9.52 5.5-28.58-16.5-28.58 16.5-9.52-5.5-28.57 16.5-9.53-5.5L0 46.15V0z\"/><path fill=\"#071d49\" d=\"M128.25 76.2V38.1l-33-19.05-33 19.05v38.1l33 19.05z\"/><g fill=\"#ffb81d\"><path d=\"m95.25 22.5-30 17.33v34.64l30 17.33 30-17.33V39.83zm28.57 51.15-28.57 16.5-28.58-16.5v-33l28.58-16.5 28.57 16.5z\"/><path d=\"M105.58 39.98H84.93c-.4 0-.6-.48-.31-.76 3-2.88 6.65-4.75 10.62-4.75s7.66 1.87 10.65 4.75c.29.28.1.76-.31.76m4.73 7.39H80.19a.8.8 0 0 1-.7-1.15 29 29 0 0 1 1.96-3.27 2.6 2.6 0 0 1 2.11-1.1h23.39c.84 0 1.63.42 2.1 1.1a29 29 0 0 1 1.96 3.27.8.8 0 0 1-.7 1.15m2.73 7.38H77.46a.8.8 0 0 1-.76-.98q.44-1.77.93-3.23a1.9 1.9 0 0 1 1.8-1.3h31.65c.81 0 1.54.52 1.8 1.3q.48 1.46.93 3.23a.8.8 0 0 1-.77.98m1.6 7.39H75.87a.8.8 0 0 1-.78-.94l.6-3.07a1.9 1.9 0 0 1 1.86-1.5h35.4c.9 0 1.68.63 1.86 1.5q.32 1.56.6 3.07a.8.8 0 0 1-.77.94m-15.7 7.38a.8.8 0 0 1-.8-.79 2.9 2.9 0 0 0-2.89-2.89 2.9 2.9 0 0 0-2.9 2.89.8.8 0 0 1-.79.79H74.61a.8.8 0 0 1-.78-.9c.1-.7.27-1.75.48-3.04a1.9 1.9 0 0 1 1.87-1.57h38.15c.92 0 1.71.66 1.86 1.57.22 1.29.38 2.34.49 3.03.07.48-.3.9-.79.9z\"/></g><g stroke-width=\".26\"><path fill=\"#aa0200\" d=\"M190.5 79.15v35.15H0V79.15h57.15l38.1 22 38.1-22z\"/><path fill=\"#fff\" d=\"m95.25 74.38 1.18 3.65h3.83l-3.1 2.24 1.19 3.64-3.1-2.25-3.1 2.25 1.18-3.64-3.09-2.24h3.82z\"/></g></svg>"例
例 1
import flag from "@johnmorrisdotca/hata/flags/us-ut";
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/us-ut";
console.log(svg.startsWith("<svg"),svg.length);true 1482出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。