如何在JS画布中反转剪辑选择

Question

blocksctx.save();
blocksctx.beginPath();
blocksctx.rect((rX-5)*10,(rY-5)*10,110,110);
blocksctx.clip();

我希望反转此剪辑区域或找到另一种方法来绘制某个矩形，但不能在另一个矩形区域中。

Answer 1

这适用于我的最终代码，但我不知道如何：

blocksctx.save();
blocksctx.beginPath();

blocksctx.rect((rX-29)*10,0,-7000,6000);
blocksctx.rect((rX+30)*10,0,7000,6000);

//why same rects twice times??? otherwise it's not working correctly
blocksctx.rect(0,(rY-29)*10,6000,-7000);blocksctx.rect(0,(rY-29)*10,6000,-7000);
blocksctx.rect(0,(rY+30)*10,6000,7000);blocksctx.rect(0,(rY+30)*10,6000,7000);

blocksctx.clip();