`svg`定数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

The flag of Nunavut (ヌナブト準州), CA-NU, as an SVG string: viewBox 9600 by 5400 (1.778:1), 1011 B. From Wikimedia Commons, "Flag of Nunavut.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/ca-nu";

定義

const svg: string = "<svg data-hata=\"ca-nu\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9600 5400\"><title>Flag of Nunavut</title><path fill=\"#fff\" d=\"M4800 0h4800v5400H4800z\"/><path fill=\"#fdd500\" d=\"M0 0h4800v5400H0z\"/><path fill=\"#d51516\" stroke=\"#000\" stroke-linejoin=\"round\" stroke-width=\"75\" d=\"M4800 39c83 18 434 417 464 510 24 96-94 927-204 1201-203 44-528 17-715-39-37-77-114-1079-79-1225 37-71 458-435 534-447zM2715 1692c868 101 2615 93 3817 124 114 14-83 307-132 426-48 119-57 384-335 377l-2939-89c-361-11-640-863-411-838zm1336 882c176 20 873 8 1134 43 178 27 176 634 93 728-91 105-531 36-775 108-232 66-251 138-685 89 108-573 40-992 233-968zm-372 1048c67-89 192-64 341-53 203 9 649-161 945-158 180 7 319 79 315 242-6 129 7 438-74 613-48 114-745 92-1065-23-93-33-440 31-480-29-46-64-75-469 18-592zm50 664c27-51 157-69 239-63 216 15 626 196 1085 112 276-50 575 544 477 700-100 164-216 240-336 330-940 8-1614 89-1602-271 6-184 24-609 137-808z\"/><path fill=\"#0164bb\" d=\"m8847 753-784 399 869 138-622-622 138 869z\"/></svg>"

例

例 1

import flag from "@johnmorrisdotca/hata/flags/ca-nu";

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/ca-nu";
console.log(svg.startsWith("<svg"),svg.length);

true 1011

出力（このページを作ったときに実行した結果）

ソースを見る GitHub で編集@johnmorrisdotca/hata 1.6.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。

svg定数

定義

例

例 1

例 2

`svg`定数