如何在 JS 中反转剪辑选择 canvas

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();