我有一个正在开发的浏览器策略游戏，将实现战争迷雾，它将在游戏地图上绘制两层迷雾（以前显示过，从未显示过）。如果我渲染网格上的每个雾方块而不是打孔，我对性能有些怀疑。
对于打孔，我在Konva Free Drawing 示例中看到了示例，在该示例中，我可以擦除玩家一直在使用画布上下文的任何位置...
context.globalCompositeOperation = 'destination-out';
但是在擦除整个画布的示例中。我不知道我是否可以将它与图层一起使用。我不想擦除地图图层，只需擦除我在地图上的图层上绘制为矩形的大雾纹理的一部分。
有没有人有任何建议或有一个可以解决这个问题的工作示例？