2020/07/20

JavascriptでCanvasのクリアを行う

javascript

概要

こちらの記事 (WebページでQRコードを表示する)でQRコードをcanvasに表示する処理を作りましたが…

今回はそのデータをリセットする処理を追加しました。

(QRコードに限らず、canvasの2Dデータであれば全て同じように処理することができます。)

実装内容

const canvas = window.document.getElementById('qrcode')
const ctx = canvas.getContext('2d')
ctx.clearRect(0, 0, canvas.width, canvas.height)

これだけですね。簡単でした。

以上です。