は、私は、真または偽のいずれかを返す必要があるだろう私はgetImageDataを試しましたが、正しく使用する方法を理解できませんでした。チェック
Q
チェック
3
A
答えて
4
var canvas= document.getElementById('myCanv');
var pixelData = canvas.getContext('2d').getImageData(event.clientX, event.clientY, 1, 1).data;
それです!もちろん
、あなたが持っている、と仮定すると:
<canvas id="myCanv"></canvas>
FIDDLE
その後:
function isBlack(dataPixel){
if(dataPixel[0]==dataPixel[1] && dataPixel[1]==dataPixel[2] && dataPixel[2]===0){
return true
}
}
+1
次に、pixelData配列の値をチェックして、色が黒であるかどうかを確認します。 – MickDom
+2
もちろん、彼はまだそれが黒であることを確認するために返されたデータを調べる必要があります。 – ManoDestra
+0
フィドルが追加されました。よくできました! –
関連する問題
- 1. チェック/チェックを外しキー
- 2. チェック
- 3. チェック
- 4. チェック
- 5. チェック
- 6. チェック
- 7. チェック
- 8. チェック
- 9. チェック
- 10. チェック
- 11. チェック
- 12. チェック -
- 13. チェック
- 14. チェック
- 15. チェックボックス/トグルボタンのチェック/チェックを外す
- 16. jqueryのチェック/チェックを外しイベントトリガー
- 17. jQueryチェックボックスのチェック/チェックを外す
- 18. チェックボックスのチェック/非チェックを防止する
- 19. チェックが
- 20. チェックは
- 21. チェック値
- 22. MAXLENGTHチェック
- 23. はチェック
- 24. チェックXPATH
- 25. チェック - スカラ
- 26. ジェネリック型のチェック
- 27. AndroidチェックSMS
- 28. DjangoのSQLチェック
- 29. チェック二列
- 30. の.htaccessチェック
がこの質問を見てくださいます。http:// stackoverflowの.com/questions/6735470/get-pixel-color-from-canvas-on-mouseover http://スタックオーバーflow.com/questions/667045/getpixel-from-html-canvas –
getImageDataは、各ピクセル(r、g、b、a)の4バイトのピクセルの配列です。ピクセルをループしたり、必要なものをx、y座標から特定し、最初の3つの値で0を調べることができます。 – ManoDestra