+ 4

How to convert an image into pixel or rgb array in javascript

15th Jan 2019, 6:03 PM
Mohammad Rashed
Mohammad Rashed - avatar
1 Answer
+ 2
Use canvas to extract pixel data Eg. cv = document.querySelector("#cv"); img1 = document.querySelector("#img1"); c = cv.getContext("2d"); c.drawImage(img1, 0,0,32,32); var imgData = c.getImageData(0, 0, 32, 32); // get color pixels rgba var count=1; for (var i = 0; i < imgData.data.length; i += 4) { console.log("pixel red " + count + ": " + imgData.data[i]); console.log("pixel green " + count + ": " + imgData.data[i+1]); console.log("pixel blue " + count + ": " + imgData.data[i+2]); console.log("pixel alpha " + count + ": " + imgData.data[i+3]); count++; } https://code.sololearn.com/WyoDhqzHcZz9/?ref=app
15th Jan 2019, 11:59 PM
Calviղ
Calviղ - avatar