我有两个图像，一个游戏板和相同的游戏板，所有可能的玩家位置处于按下状态。当玩家移动到棋盘上的某个位置时，我将棋盘图像放在按下的棋盘图像上并使用上传的图像上的context.drawImage（）进行切片，以显示通过切片的按压位置。但是，我的游戏板包含不是矩形但形状不同的位置。
用html 5画布可以从图像中剪切出一个非矩形的形状来显示底层图像吗？
我发现可以在形状上使用clip（）但我在图像上找不到类似的选项。
答案 0 :(得分：2)
您可以创建第三个图像，该图像是具有透明（Alpha通道）像素和非透明像素的蒙版，并使用
globalCompositeOperation
to merge the mask and the to-be-masked image into a new image（想想你可以在这里使用xor或source-out ..