Web特效025—用 Canvas 2D 做Web特效的定义与边界：这支画笔能做到哪一步Canvas 2D 常被说成网页上的一支画笔，可真正开始做特效时，问题很快就来了：它画完的圆为什么不能像 DOM 元素一样直接拖动？擦开一层雾面玻璃，为什么只画一张模糊图片还不够？画布尺寸、设备像素比和每帧重绘，又会把性能推到哪一步？本文以“擦开带有水珠的雾面玻璃，露出清晰产品画面”为贯穿案例，先界定 Canvas 2D 是什么、负责什么，再用路径、图片、离屏画布、合成模式和低分辨率遮罩拆解这个效果。我们还会解释即时模式带来的对象管理成本，为什么大面积模糊与逐像素更新不能随手塞进动画循环，以及何时该让 D