Javascript context.drawImage函数不使用'；在fabric Js中不允许图像持久化

我在画布上使用fabric Js，其中： 我正在为一个电子商务网站开发一个产品页面，其中 我画了一个背景图像，在上面创建了一个多边形，然后在多边形内部我上传了图像，效果很好

但是现在我必须在多边形内部为每个图像制作一个图像裁剪函数，这样当我点击它时，我就可以裁剪它了

我使用了canvas context.drawImage（）；。该函数工作正常，但当我单击图像或画布上的任何其他位置时，它会消失，我无法选择它。 谁能帮我一下吗

守则如下:

 var image = new Image();
 image.src = "uploads/cat.jpg";
image.onload = function(){
context.drawImage(image, 0, 19, 69, 97, 300, 100, 103, 145);
context.Image.selectable = true;
}

---

如果看不到更多的上下文，我可能会遗漏一些内容，但我认为如果您使用fabric.Image功能来绘制图像，而不是上下文。draw Image它可能会工作吗？似乎在混合结构函数和常规画布绘制时可能会出现问题

---

对不起，如果我误解了！我对您的图像/形状堆栈顺序的描述有点模糊，如果这个答案不适用，屏幕截图可能会有所帮助。

事实上，情况是我有一块画布，用fabric js在其中绘制多边形，在多边形内我剪辑图像。现在我想裁剪这些图像，这样当我只在谷歌上搜索时，我就找到了drawImage（）；这项工作的方法。我尝试了织物图像法，但我不能用它裁剪我的图片。它将向我的画布添加一个新的图像对象。