我无法在网上真正找到答案,所以我去了:我想用FabricJS代替-webkit-filter,因为我有一系列过滤器,我想在我的网页上使用div的背景图片。我现在的问题是:如何用FabricJS实现这一目标? background-image是通过CSS规则background-image在div上设置的:url(/ path / to / img),我只想在将其渲染为div的背景之前对图像应用一些FabricJS图像过滤器。这可能吗?如果是的话,我将如何处理?

最佳答案

好吧,我将使用Fabric和JQuery执行以下操作:


创建具有图像宽度和高度的织物画布元素。
将原始图像插入画布。
将滤镜应用于图像。
声明变量var image_with_filters;
使用image_with_filters = canvas.toDataURL('image/jpeg', 0.8);(或某些图像格式和参数)将画布内容分配给此变量。
将此变量应用于div背景$('#your_div').css('backgroundImage','url('+image_with_filters+')');
尝试一下。


问候。

关于javascript - 使用FabricJS -webkit-filter,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25683619/

10-10 00:34