<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<ul>
<li>Canvas、DOM両方にデメリットメリットがあり、どちらが良いとはケースバイケースであることは前提です
<ul>
<li>その前提の中で、自分がどういうときにどちらを使うのかという「判断基準」をまとめました</li>
</ul>
</li>
</ul>
<h1 id="%E7%B5%90%E8%AB%96">
<a class="header-anchor-link" href="#%E7%B5%90%E8%AB%96" aria-hidden="true"></a> 結論</h1>
<h2 id="canvas">
<a class="header-anchor-link" href="#canvas" aria-hidden="true"></a> Canvas</h2>
<ul>
<li>3D描画</li>
<li>WebGLなどのエフェクト</li>
<li>ピクセル単位で描画可能</li>
</ul>
<h2 id="dom">
<a class="header-anchor-link" href="#dom" aria-hidden="true"></a> DOM</h2>
<ul>
<li>2D描画</li>
<li>CSSを使った素早いスタイリング</li>
<li>input要素などが使える</li>
</ul>


Canvas vs DOMの個人的な見解をまとめた【どちらを使う？】

はじめに

結論

Canvas

DOM

Discussion