radykal | Support Center Chooser

For which product do you need support?

Fancy Product Designer Multistep Product Configurator Another

Start a new topic

Programmatically apply filters to images

Hello,


I would like to apply filters to uploaded images (such as grayscale) programmatically so that the user doesn't have to open and use the filter menu themselves. Unfortunately, there doesn't seem to be any documentation around this. I've found the applyFilters method, but again, I can't figure out how to use it without the documentation. I've searched the forms and found that this has been asked before and not satisfactorily answered.


I tried to guess the syntax needed but can't get it to work:

var elem = fancyProductDesigner.getElementByID('uploaded_image');
elem.applyFilter(['grayscale']);

How can I apply the grayscale filter programmatically?



1 Comment

After a bit more digging I was able to figure out how to apply filters programmatically. For example, this is how you can apply the Grayscale filter to an image from outside of FPD:

var elems = fancyProductDesigner.getElements();
var elem = elems[36];
grayscale = FPDUtil.getFilter('grayscale');
elem.applyFilters([grayscale]);

 

Login or Signup to post a comment