SVG:svg要素

これは SVGドキュメントの最も外側の要素として使用されますが、SVG または HTML ドキュメントの中に SVGフラグメントを埋め込むためにも使用できる。

わからん.icon

x="top left corner when embedded (default 0)"

y="top left corner when embedded (default 0)"

width="the width of the svg fragment (default 100%)"

height="the height of the svg fragment (default 100%)"

viewBox="the points "seen" in this SVG drawing area.

4 values separated by white space or commas. (min x, min y, width, height)"

preserveAspectRatio="'none' or any of the 9 combinations of 'xVALYVAL' where VAL is 'min', 'mid' or 'max'. (default xMidYMid)"

zoomAndPan="'magnify' or 'disable'. Magnify option allows users to pan and zoom your file (default magnify)"

xml="outermost <svg> element needs to setup SVG and its namespace: xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve""

All

svg要素は個々に座標系とビューポート（表示領域）を持つ。

svg要素は空っぽの領域を確保するだけ。色も背景色もない。

code:svg

<svg>

...

</svg>

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:svg要素/s.svg

svg要素は入れ子にできる。

code:s.svg

<svg

viewBox="0 0 300 100"

stroke="red"

fill="pink">

</svg>

svg要素.icon