svg定数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The flag of Kenya (ケニア), KE, drawn again by hand at 4:3 by flag-icons 7.5.0 (MIT), as an SVG string: viewBox 640 by 480, 1.3 KB.
The drawing flag("KE", { 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/ke.4x3";定義
const svg: string = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 480\"><defs><path id=\"hata-ke-4x3-a\" stroke-miterlimit=\"10\" d=\"m-28.6 47.5 1.8 1 46.7-81c2.7-.6 4.2-3.2 5.7-5.8 1-1.8 5-8.7 6.7-17.7a58 58 0 0 0-11.9 14.7c-1.5 2.6-3 5.2-2.3 7.9z\"/></defs><path fill=\"#fff\" d=\"M0 0h640v480H0z\"/><path fill=\"#000001\" d=\"M0 0h640v144H0z\"/><path fill=\"#060\" d=\"M0 336h640v144H0z\"/><g id=\"hata-ke-4x3-b\" transform=\"matrix(3 0 0 3 320 240)\"><use width=\"100%\" height=\"100%\" stroke=\"#000\" href=\"#hata-ke-4x3-a\"/><use width=\"100%\" height=\"100%\" fill=\"#fff\" href=\"#hata-ke-4x3-a\"/></g><use width=\"100%\" height=\"100%\" href=\"#hata-ke-4x3-b\" transform=\"matrix(-1 0 0 1 640 0)\"/><path fill=\"#b00\" d=\"M640.5 168H377c-9-24-39-72-57-72s-48 48-57 72H-.2v144H263c9 24 39 72 57 72s48-48 57-72h263.5z\"/><path id=\"hata-ke-4x3-c\" d=\"M377 312c9-24 15-48 15-72s-6-48-15-72c-9 24-15 48-15 72s6 48 15 72\"/><use width=\"100%\" height=\"100%\" href=\"#hata-ke-4x3-c\" transform=\"matrix(-1 0 0 1 640 0)\"/><g fill=\"#fff\" transform=\"matrix(3 0 0 3 320 240)\"><ellipse rx=\"4\" ry=\"6\"/><path id=\"hata-ke-4x3-d\" d=\"M1 5.8s4 8 4 21-4 21-4 21z\"/><use width=\"100%\" height=\"100%\" href=\"#hata-ke-4x3-d\" transform=\"scale(-1)\"/><use width=\"100%\" height=\"100%\" href=\"#hata-ke-4x3-d\" transform=\"scale(-1 1)\"/><use width=\"100%\" height=\"100%\" href=\"#hata-ke-4x3-d\" transform=\"scale(1 -1)\"/></g></svg>"例
例 1
import square from "@johnmorrisdotca/hata/flags/ke.4x3";
const host=document.createElement("div");
host.innerHTML = square;
console.log(host.querySelector("svg")?.getAttribute("viewBox"));例 2
import { svg } from "@johnmorrisdotca/hata/flags/ke.4x3";
console.log(svg.startsWith("<svg"),svg.length);true 1335出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。