以下の関数は、canvas 内にある r、g、b で指定した RGB 色を持つピクセルの数を返します。これは こちらのブログ記事 で説明しているように、例えばある領域と、その上にユーザーが描いた領域を比較するときにとても役に立ちます。 function getpixelamount(canvas, r, g, b) { var cx = canvas.getContext('2d'); var pixels = cx.getImageData(0, 0, canvas.width, canvas.height); var all = pixels.data.length; var amount = 0; for (i = 0; i < all; i += 4) { if (pixels.data[i] === r && pixels.data[i + 1] === g && pixels.
![Canvas のコードスニペット - Code snippets | MDN](https://cdn-ak-scissors.b.st-hatena.com/image/square/e51bd6dc33a667d35eb4146698a198e55ff92d6e/height=288;version=1;width=512/https%3A%2F%2Fdeveloper.mozilla.org%2Fstatic%2Fimg%2Fopengraph-logo.72382e605ce3.png)