svgで作りたいものを集めるページ

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/takker/svgで作りたいものを集めるページ/test6.svg

code:test6.svg

<g id="p" stroke-width="0.1" fill="none" stroke="#ccc">

<circle id="c" cx="3" cy="0" r="1"/>

<line x1="4" y1="0" x2="8" y2="0"/>

</g>

<use xlink:href="#p" transform="translate(6,0)" />

<use xlink:href="#p" transform="translate(12,0)" />

<use xlink:href="#p" transform="translate(18,0)" />

<use xlink:href="#c" transform="translate(24,0)" />

</svg>

維持管理工学の港湾の図解

SVGを学習するとき、これらを作ることを目標にする

のちほど井戸端にコピペする

SVGで図をつくってみよう

今回の目標

viewboxまわりが理解できていないので、その辺をちゃんとやりたい

描く場所

scrapboxのコードブロック

実行環境