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(); 
});