`default`定数

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

The flag of Quebec (ケベック州), CA-QC, as an SVG string: viewBox 9600 by 6400 (3:2), 817 B. From Wikimedia Commons, "Flag of Quebec.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/ca-qc";

定義

const svg: string = "<svg data-hata=\"ca-qc\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9600 6400\"><path fill=\"#fff\" d=\"M0 0h9600v6400H0z\"/><g id=\"hata-ca-qc-b\"><path id=\"hata-ca-qc-a\" fill=\"#003da5\" d=\"M4000 0v2400H0V0zM2309 1622v-129h-115c0-66 32-130 66-150 20-17 65-25 104-5 51 29 54 113 28 151 243-45 219-280 136-365-67-69-140-79-196-58-128 46-214 199-218 427h-67c0-207 36-273 130-534 48-123 19-275-65-415-31-50-69-95-112-144-43 49-81 94-112 144-84 140-113 292-65 415 94 261 130 327 130 534h-67c-4-228-90-381-218-427-56-21-129-11-196 58-83 85-107 320 136 365-26-38-23-122 28-151 39-20 84-12 104 5 34 20 66 84 66 150h-115v129h239c-3 67-39 119-106 148 8 28 49 85 105 81 11 60 21 94 71 149 50-55 60-89 71-149 56 4 97-53 105-81-67-29-103-81-106-148z\"/><use x=\"5600\" href=\"#hata-ca-qc-a\"/></g><use y=\"4000\" href=\"#hata-ca-qc-b\"/></svg>"

例

例 1

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

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

true 817

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

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

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

default定数

定義

例

例 1

例 2

`default`定数