default定数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The flag of Slovakia (スロバキア), SK, as an SVG string: viewBox 900 by 600 (3:2), 1.2 KB. From Wikimedia Commons, "Flag of Slovakia.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 value from "@johnmorrisdotca/hata/flags/sk";
定義
const svg: string = "<svg data-hata=\"sk\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 900 600\"><title>Flag of Slovakia</title><path fill=\"#254aa5\" d=\"M0 400h900V200H0Z\"/><path fill=\"#fff\" d=\"M0 200h900V0H0Z\"/><path fill=\"#ed1c24\" d=\"M0 600h900V400H0Z\"/><path fill=\"#fff\" d=\"m270 460-4-1.9a261 261 0 0 1-81.2-58.1A166 166 0 0 1 141 285.7c0-93.6 4.5-136.6 4.5-136.6l.9-8.1h247.2l.9 8s4.5 43.2 4.5 136.7c0 49-18.8 86.5-43.8 114.3s-56 46-81.3 58.1Z\"/><path fill=\"#ed1c24\" d=\"M270 450c-49.4-23.8-120-71-120-164.2s4.5-135.8 4.5-135.8h231s4.5 42.4 4.5 135.8S319.4 426.2 270 450\"/><path fill=\"#fff\" d=\"M280.6 261.3c13.3.2 39.4.7 62.6-7 0 0-.6 8.3-.6 18s.6 18 .6 18c-21.3-7.2-47.6-7.4-62.6-7.2v51.6h-21.2V283c-15-.2-41.3 0-62.6 7.1 0 0 .6-8.3.6-18s-.6-18-.6-18c23.2 7.8 49.3 7.3 62.6 7V229c-12.1 0-29.7.5-49.6 7.1 0 0 .7-8.3.7-18s-.7-18-.7-18c19.9 6.7 37.4 7.3 49.6 7.2-.6-20.5-6.6-46.4-6.6-46.4s12.3 1 17.2 1c5 0 17.2-1 17.2-1s-6 25.9-6.6 46.4c12.2 0 29.7-.5 49.6-7.1 0 0-.7 8.3-.7 18s.7 18 .7 18a149 149 0 0 0-49.6-7.2z\"/><path fill=\"#254aa5\" d=\"M270 329.1c-24.9 0-38.2 34.5-38.2 34.5s-7.4-16.4-27.7-16.4c-13.7 0-23.8 12.2-30.2 23.5 25 39.7 64.8 64.2 96 79.3 31.4-15 71.3-39.6 96.2-79.3-6.4-11.3-16.5-23.5-30.2-23.5a31 31 0 0 0-27.7 16.4S294.9 329 270 329\"/></svg>"
例
例 1
import flag from "@johnmorrisdotca/hata/flags/sk";
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/sk";
console.log(svg.startsWith("<svg"),svg.length);true 1239出力(このページを作ったときに実行した結果)
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。