Javascript 在fabric js中,如何从图像对象获取原始图像源

Javascript 在fabric js中,如何从图像对象获取原始图像源,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,在fabric js中,我试图获取图像的原始源,当我使用getElement()和getSrc()方法时,它会显示正确的输出,但在应用一些图像过滤器后,会使用相同的方法 返回新图像src(编码图像数据),而不是原始图像源。应用图像过滤器后,如何获取原始图像源。您可以通过访问fabric.object方法获取原始图像源 // Assuming your image object is selected. var object = canvas.getActiveObject(); var o

在fabric js中,我试图获取图像的原始源,当我使用getElement()和getSrc()方法时,它会显示正确的输出,但在应用一些图像过滤器后,会使用相同的方法
返回新图像src(编码图像数据),而不是原始图像源。应用图像过滤器后,如何获取原始图像源。

您可以通过访问fabric.object方法获取原始图像源

// Assuming your image object is selected. 
var object = canvas.getActiveObject(); 

var originalSource = object._originalElement.currentSrc;
将为您提供原始图像源。

您可以使用
getSrc()
方法:

var someUrlOrDataUrl = image.getSrc();
文件: