HTML5 canvas读取基于黑白像素的图像数据，在其上创建Rectangle对象

Question

我正在创建块破坏画布，程序将根据黑白图像数据创建块，每个像素创建块很容易，但是我不知道如何从不会在其他矩形上重叠的图像数据创建特定大小的块

JS将从

读取图像数据

并基于

之类的黑色像素创建Rectangle对象