<h1 id="html" data-line="0" class="code-line">
<a class="header-anchor-link" href="#html" aria-hidden="true"></a> HTML</h1>
<h2 id="svg" data-line="1" class="code-line">
<a class="header-anchor-link" href="#svg" aria-hidden="true"></a> SVG</h2>
<h4 id="%E5%8F%82%E8%80%83%E3%82%B5%E3%82%A4%E3%83%88" data-line="4" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%82%B5%E3%82%A4%E3%83%88" aria-hidden="true"></a> 参考サイト</h4>
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line"><a href="https://www.kipure.com/article/103/" target="_blank" rel="nofollow noopener noreferrer">SVG 円のサンプル</a></li>
<li data-line="6" class="code-line"><a href="https://qiita.com/manabuyasuda/items/01a76204f97cd73ffc4e" target="_blank" rel="nofollow noopener noreferrer">SVGを使うときに知っておくといいことをまとめました</a></li>
<li data-line="7" class="code-line"><a href="https://challengefr45.net/svg-path/" target="_blank" rel="nofollow noopener noreferrer">SVGのpathで画の書き方 【思ったより簡単】</a></li>
<li data-line="8" class="code-line"><a href="https://mrzw-design.com/svg-tool/#google_vignette" target="_blank" rel="nofollow noopener noreferrer">無料ベクター画像 (SVG) 作成・編集ツールまとめ「Illustratorの代用可能」</a></li>
<li data-line="9" class="code-line"><a href="https://programmercollege.jp/column/3309/" target="_blank" rel="nofollow noopener noreferrer">HTML【ベクターグラフィクス】～SVGとsvg要素</a></li>
<li data-line="10" class="code-line"><a href="https://lowreal.net/2022/11/03/1" target="_blank" rel="nofollow noopener noreferrer">JS+SVGで液晶画面風の表示をつくる</a></li>
<li data-line="11" class="code-line">オンラインSVG作成(<a href="https://editor.method.ac/" target="_blank" rel="nofollow noopener noreferrer">https://editor.method.ac/</a>)</li>
</ul>


HTML SVG

HTML

SVG

参考サイト

Discussion