我有一个最初不可见的图像。当用户将鼠标悬停在图像上时,我希望图像执行一些动画。
我希望能够获取该图像中的像素并让它们按特定顺序显示。
为此,我想知道是否有办法获取图像的像素并将它们放入二维数组或某种数据结构中,以便我可以将单个像素设置为可见或不可见...... ...如果可能的话。
仅供引用,这是我第一次真正使用 javascript 进行开发,因此可能有一些我不知道的常识性 javascript 内容。
最佳答案
这是可能的。只需使用canvas元素,使用drawImage方法在其上放置图像,然后只需使用ImageData与CanvasPixelArray的组合就可以直接在字节级别操作 Canvas 中的像素数据
关于javascript - 将图像(或位图)转换为二维矩阵,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16721935/