SVG mask with background image : radykal

A

AN

started a topic over 4 years ago

Hi,

I want to add a SVG mask for clipping any uploads by the customer but without clipping my own layers from the product builder. Should be possible with fabric.js like in this example: https://www.deindesign.de/de/designer/folien/designskins-laptop-matt/apple-macbook-pro-15-touchbar-2018-2019/N09082M#/workspace/324448069/

Any idea how to achieve that?

Thank you and best regards

Best Answer

r

rady kal said over 4 years ago

you can do that by uploading a background image on your product in the individual product settings of your WooCommerce product.

rady kal

said over 4 years ago

Answer

you can do that by uploading a background image on your product in the individual product settings of your WooCommerce product.

A

AN

said over 4 years ago

@rady kal
Thank you for your answer, but this is not possible for multiple views right? Or can I upload a background image for each view?

Best regards

g

gryadn

said over 4 years ago

hi AN,

you can do a similar work using layer

H

Hans

said over 4 years ago

Hi @gryadn,

can you please elaborate how to do it? When I add a SVG mask the mask clips all layers, so it is not possible to have a background image layer larger than the SVG.

Thank you

g

gryadn

said over 4 years ago

upload area: svg or png

keyboard and apple logo: top layer

A

AN

said about 4 years ago

Hi gryadn thank you for your help,
Unfortunately the upload area always is rectangular so it is not possible to use a free form SVG, or is there a setting?
Thanks

r

ruth cohen

said about 4 years ago

Na,

I love the way you did your toolbar.
Could you please share, I really appreciated.

Thanks so much,
Ruth

Screen shot ...

(16.4 KB)

For which product do you need support?