context.drawImage函数不允许在结构Js中使用图像持久性

Question

我在画布上使用布料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;
}

Answer 1

在没有看到更多上下文的情况下，我可能会遗漏一些东西，但我认为如果你使用fabric.Image功能来绘制你的图像而不是context.draw图像它可能有用吗？似乎混合织物功能和常规画布绘制可能会出现问题。 image.Fabric

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