Javascript 将效果/过滤器应用于FabricJS中的不仅仅是图像对象

Javascript 将效果/过滤器应用于FabricJS中的不仅仅是图像对象,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,我使用FabricJS制作互动漫画已经有一段时间了,在大多数情况下,它都很棒。然而,一个限制是,到目前为止,我还没有找到任何方法使非图像对象应用效果 例如,演示了如何在图像对象上渲染效果,例如,我想将效果应用于使用织物或文本对象绘制的矩形和圆形等形状。有没有办法做到这一点 我对乌贼墨或复古等预设不太感兴趣,我真的只需要模糊、变亮/变暗和饱和/不饱和的功能。我不清楚fabric.js是如何工作的。我浏览了他们的网站,发现它只适用于图片。由于您希望将这些过滤器应用于其他元素,因此我将与CSS过滤器属

我使用FabricJS制作互动漫画已经有一段时间了,在大多数情况下,它都很棒。然而,一个限制是,到目前为止,我还没有找到任何方法使非图像对象应用效果

例如,演示了如何在图像对象上渲染效果,例如,我想将效果应用于使用织物或文本对象绘制的矩形和圆形等形状。有没有办法做到这一点

我对乌贼墨或复古等预设不太感兴趣,我真的只需要模糊、变亮/变暗和饱和/不饱和的功能。

我不清楚fabric.js是如何工作的。我浏览了他们的网站,发现它只适用于图片。由于您希望将这些过滤器应用于其他元素,因此我将与CSS过滤器属性共享

Javascript 要说变量
元素
等于您试图应用过滤器的元素,下面是如何使用JavaScript应用过滤器

element.style.filter=“blur(8px)”;
CSS 要说元素具有
element
id
,请使用CSS实现以下功能

#元素{
过滤器:模糊(8px);
}
有很多可能的过滤器。要了解有关如何使用它们的更多信息,请单击

例子:
p{
过滤器:模糊(5px);
过渡:均为0.5s;
}
p:悬停{
过滤器:无;
}
将鼠标放在下面的元素上:

文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,文本,如果你喜欢我的答案,请考虑选择它。我会很感激的。那太好了,但这对FabricJS有什么作用呢?Fabric处理元素的方式比仅仅使用HTML标记要复杂得多,因此使用CSS对此没有多大意义。检查元素的示例:@Venk,如果它都在
元素中,不要担心,您可以从中使用javascript。这就是如何在画布内的元素上实现这些效果。