如何从画布中的剪切区域（旋转的矩形区域）获取图像

Question

请参阅下面的图片。

我在画布上创建了一个剪辑，这样如果用户绘制整个画布，则只有该区域被涂成红色。如您所见，矩形形状的区域已完全填满，意味着剪辑区域已完全填满。此区域无需完全填充。

现在我想从画布中获取剪裁区域（旋转的矩形区域以红色显示，不透明度为0.5）作为图像，以便我可以以不同的所需角度将其写入offCanvas。我希望我解释得很好。

如果有任何帮助，请参阅下面的剪辑代码。

ctxOff.rotate(angle * Math.PI/180);
ctxOff.beginPath();
ctxOff.rect(-imgRectWidth/2, -imgRectHeight/2, slideImageRectNoRotate.width, slideImageRectNoRotate.height);
ctxOff.stroke();
ctxOff.restore();
ctxOff.save();
ctxOff.clip(); //Clipped region at an angle