canvas 类似图片放大镜的一个效果如何做比较好？

任意一张图片在一个区域内先放大到每个像素呈现为一个像素方块，可以操作每一个像素，并且放大区域的边缘要半透明，最好是圆形的。

现在的思路：直接拿到了所有的像素值数据，映射到canvas/div网格这里就做到了操作每个像素方块的值，但是圆形半透明的效果不知道该怎么做？难道在外面再套一层环状的透明层?

---

我觉得实时进行计算的成本比较高。可以预先做好一张大图。然后监听鼠标移动的时候，展现出必要的部分。