js图片添加水印，画布未正确清除，图片显示不正确，出现闪屏问题

问题：js图片添加水印，画布未正确清除，图片显示不正确，出现闪屏问题

解决方法：闪屏问题我们可以用到双缓冲来解决

双缓冲理论：闪烁是图形编程的一个常见问题。需要多重复杂绘制操作的图形操作会导致呈现的图像闪烁或具有其他不可接受的外观。双缓冲的使用解决这些问题。双缓冲使用内存缓冲区来解决由多重绘制操作造成的闪烁问题。当启用双缓冲时，所有绘制操作首先呈现到内存缓冲区，而不是屏幕上的绘图图面。所有绘制操作完成后，内存缓冲区直接复制到与其关联的绘图图面。因为在屏幕上只执行一个图形操作，所以消除了由复杂绘制操作造成的图像闪烁。（简单点介绍下哈~）

附一张demo图