この記事は最終更新日から2年以上経過しています。
Canvas 矩形を描く
公開日：
更新日：
こんにちは。ましじめの田村です。
Canvasで矩形を描く場合がありました。
この場合次の方法で実現出来そうです。
<canvas id='canvas'></canvas>// Canvas の取得
const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');
context.fillStyle = 'rgba(0,0,0,.68)';
//矩形
context.fillRect(0, 0, 80, 80);
//輪郭
context.strokeRect(90, 0, 80, 80);
//切り抜き
context.fillRect(180, 0, 80, 80);
context.clearRect(185, 5, 70, 70);
以上「Canvas 矩形を描く」でした。 Canvasに図形を描きたい場合に参考にしてみてください。
関連記事
この記事のハッシュタグ #Canvas から関連する記事を表示しています。
