tapira https://blog.hatena.ne.jp/tapira/ カメニッキ https://tapira.hatenablog.com/ old 散々他のブログで書かれていますが、メモとして残します。 基本的に以下の手順で描画させます。 canvas要素を使い、描画させる場所を作ります。 ※canvas要素で囲まれた文字は、使用できない場合のみ表示されます。 <canvas id="draw" width="300" height="300">お使いのブラウザはcanvas要素に対応していません</canvas> 四角形の描画 function draw(){ //描画させたいcanvas要素のノードを取得する var canvas = document.getElementById("draw"); //描画のための2Dコンテキストオ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftapira.hatenablog.com%2Fentry%2F20111121%2F1321892904" title="canvasの使い方1/2(線の描画と単色塗りつぶしまで) - カメニッキ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2011-11-21 01:28:24 rich https://tapira.hatenablog.com/entry/20111121/1321892904 1.0 100%