在overlayImage中应用滤镜的方法在哪里？

Question

我想在overlayImage中应用一个过滤器。唯一的方法就是在渲染后在整个画布中应用滤镜？

Answer 1

这里没有内置的支持，但“黑客”相当容易。

var overlayImageUrl = '...'; 

// load overlay image first 
fabric.Image.fromURL(overlayImageUrl, function(oImg) { 

    // add and apply filter to overlay image 
    oImg.filters.push(new fabric.Image.filters.Grayscale()); 
    oImg.applyFilters(); 

    // set <img> element of fabric.Image instance 
    // and assign it directly to canvas' "overlayImage" 
    canvas.overlayImage = oImg.getElement(); 

    // render canvas for overlayImage to appear 
    canvas.renderAll(); 
});