Javascript 带有自定义矩形JQuery的画布内图像裁剪

我有一个图像内部的画布元素（画布具有与图像相同的尺寸），我想使用选择矩形裁剪此图像！对于我的项目，我使用javascript的框架JQuery，我正在搜索一个在画布上实现自定义选择矩形的插件！ 有谁知道有一个插件可以做到这一点（我创建了很多插件来实现这一功能，但只在元素上实现）？ 如果否，如何在画布元素上实现自定义矩形

---

我希望你的答案

您是否尝试使用生成画布上的矩形？

通常，绘制到画布上的所有内容都会自动更改画布内容。如果要在不破坏基础画布的情况下用鼠标绘制矩形，通常的方法是在原始画布的顶部添加一个附加（临时）画布。新画布具有透明背景，因此底层画布完全可见

现在，在临时画布上绘制矩形（其尺寸与原始画布相同），并存储选择的坐标，以便在原始画布上应用裁剪过程

请参见我的示例：