default定数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The flag of Niigata (新潟県), JP-15, as an SVG string: viewBox 100 by 72 (1.389:1), 1.4 KB. From Wikimedia Commons, "Flag of Niigata Prefecture.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/jp-15";
定義
const svg: string = "<svg data-hata=\"jp-15\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-50 -36 100 72\"><path fill=\"#ec1a24\" d=\"M-50-36H50v72H-50z\"/><path fill=\"#ffda00\" d=\"M-9.72-18.84A21.2 21.2 0 0 0-.6 21.2V23a23 23 0 0 1-9.99-43.4zm-2.19 5.34A18 18 0 0 0-.6 17.99v1.8A19.8 19.8 0 0 1-14.48-13.5l-3.61-3.75a25 25 0 0 1 1.28-1.25zm3.72-2.53a18 18 0 0 0-1.15.64l-.92-1.55a20 20 0 0 1 1.2-.67zm-2.05 1.23a18 18 0 0 0-1.1.82l-1.12-1.4a20 20 0 0 1 1.13-.85zm18.72-6.58A23 23 0 0 1 .6 23v-1.8a21.2 21.2 0 0 0 13.89-36.67l-.94 1.04A19.8 19.8 0 0 1 .6 19.79V18a18 18 0 0 0 5.83-34.8zm.31 3.64a20 20 0 0 1 3.38 2.13l.97-1.03A21 21 0 0 0 9.4-19zM-2.98-22c.62-.13 1.2-.25 1.85-.33v1.82c-.64.07-1.24.22-1.85.36zm-.6 13.04c.9-.29.68-1.84.64-3.02-.7.42-1.55.74-1.93 1.34-.45.96.35 1.99 1.29 1.68m7.64-9.6c.45-1.48-1.95-1.89-2.2-.5-.13.72 0 1.66.03 2.36.6-.35 1.94-1.1 2.17-1.85m-7.68-3.26v1.9c-.8.35-2.08.67-2.02 1.82.06 1.14 1.4.99 2.73.96v-1.25h1.78v3.34l1.2-.6c-.1-2.96-.18-5.73 2.43-5.97 1.87-.17 3.37.97 3.37 2.77 0 1.46-.99 2.18-1.88 2.85q-1.04.75-2.13 1.38v1.46c.62-.2 1.19-.52 1.99-.53 2.13-.04 3.77 2.01 2.73 4.12C5.58-7.5 3-6.26.12-6.07v-1.78a7 7 0 0 0 3.05-.85c.74-.4 1.76-1.1 1.92-1.99.14-.76-.58-1.32-1.42-1.17-1.38.24-2.58 1.39-3.6 1.85v-3.56l-1.2.6c.02 2.09.19 3.86-.75 4.95-.26.3-.7.65-1.13.81a3 3 0 0 1-2.85-.6c-.9-.86-1.28-2.85-.28-4.12.74-.95 2.17-1.4 3.23-2.06v-1.32c-2.63.15-4.5-.32-4.51-2.74 0-2.36 1.99-3.02 3.73-3.73z\"/></svg>"
例
例 1
import flag from "@johnmorrisdotca/hata/flags/jp-15";
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/jp-15";
console.log(svg.startsWith("<svg"),svg.length);true 1418出力(このページを作ったときに実行した結果)
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。