Additional filters (mask and colourize/duotint) and code reuse.

[aleph1]

I am using Fabric.js for an upcoming project, and have created two custom filters — one for masking an image based upon another image, and another that colourizes an image based on a set of two colours. In the process of creating the masking filter, I also identified some code that could be moved to utils to simplify the creation of filters that require two images an inputs like my mask one does.

Should I submit a pull request for the filters and/or the core code change?

[kangax]

Sure, I'd gladly look through it. We can include additional filters in Fabric since filters is an optional module.

[Kienz]

@aleph1 Any news?

[aleph1]

I should be able to upload preliminary versions by mid-week. Have been busy with client work.

On 2013-05-27, at 4:23 AM, Stefan Kienzle notifications@github.com wrote:

@aleph1 Any news?

—
Reply to this email directly or view it on GitHub.

[Micks22]

@aleph1 : I need filter "masking an image based upon another image" cn u pls share the code?

[Kienz]

@Micks22 fabric.Image.filters.Mask still exists. http://fabricjs.com/docs/fabric.Image.filters.Mask.html
At the moment we have no example/demo for that filter. But you can find an example here: http://resources.aleph-1.com/mask/. This can be differ a little bit from fabric's implementation.

[vijaygurjar]

Hi,

I have added mask image by another png image by referring "http://resources.aleph-1.com/mask/"
But mask not properly applied. Please help me to apply png mask over another image. I am just new in HTML5.

Regards,
Vijay

[DanieleSassoli]

@vijaygurjar, give a look at #2531 .

[vijaygurjar]

Thanks @DanieleSassoli. Its working fine for me.
I have one query:
I want to zoom and pan inner image not selection area is it possible.

[DanieleSassoli]

I wouldn't know how to do this with standard fabric image class, I have created my own class to accomplish this( and a lot of other feautres), which I hope I will be able to commit in the main fabricjs repo in a near future.