使用FabricJS like -webkit-filter

Question

我真的無法在網上找到答案，所以我在這裏：我想用FabricJS作爲-webkit過濾器的替代品，因爲我有一個我喜歡使用的過濾器鏈在我網頁上的div的背景圖像上。我現在的問題是：如何通過FabricJS實現這一點？背景圖像是通過CSS規則background-image：url（/ path/to/img）在div上設置的，我只想將一些FabricJS圖像過濾器應用於圖像，然後將其呈現爲div的背景。這可能嗎？如果是這樣，我會怎麼做呢？

Answer 1

好，我想這樣做時，使用織物和JQuery：

• 創建圖像寬度的織物畫布元件&高度。
• 將原始圖像插入畫布。
• 將過濾器應用於圖像。
• 聲明變量var image_with_filters;
• 使用image_with_filters = canvas.toDataURL('image/jpeg', 0.8);（或某些圖像格式和參數）將畫布內容分配給此變量。
• 將此變量應用於div背景$('#your_div').css('backgroundImage','url('+image_with_filters+')');
• 試試吧。

問候。