Fabric.js Help!

balle.emil · 2020-11-24T09:49:14.933Z

Hey there bubblers!

Is someone familiar with implementing fabric.js in bubble?
Please get in touch if you are!

Many thanks
Emil

balle.emil · 2020-11-24T12:11:38.451Z

Appkit:

@alex4 has created a comprehensive plugin using the Fabric.js library.

Thank you for your reply! Ive checked it out, but it seems like there arent too many customization options, Im building a t-shirt designing platform, which means not all the features can be visible.

alex4 · 2020-11-25T19:17:42.691Z

Thanks for the shout out @Appkit!

@balle.emil – what customization options are you looking for? Happy to look into it if it makes sense for the plugin!

Alex
TechBlocks

balle.emil · 2020-11-25T19:33:03.671Z

Hey Alex! Nice of you to get in touch!
Well! I have actually bought and played around with the plugin yesterday and today. I am missing som features that I also mentioned in your thread.
I wanted to use it as a design platform for a t-shirt costumizing store. But i would like to connect the different modules that i can add to the canvas to my db. Limit the amount of things you could add to the canvas and also limit the size of the different things on the canvas. In that way I could sell a, let say “small print” 10x10 cm, and the user would then be limited to the space defined.
Im also missing a background image, that the user cant delete or resize. So that i can put a tshirt template inside, if you catch my drift.

balle.emil · 2020-11-25T19:40:26.222Z

I am also experiencing that the quality of the convert png, is pretty poor. Or am i doing something wrong?

balle.emil · 2020-11-26T09:09:37.688Z

@alex4

alex4 · 2020-11-26T19:00:04.831Z

balle.emil:

I wanted to use it as a design platform for a t-shirt costumizing store. But i would like to connect the different modules that i can add to the canvas to my db. Limit the amount of things you could add to the canvas and also limit the size of the different things on the canvas. In that way I could sell a, let say “small print” 10x10 cm, and the user would then be limited to the space defined.

Hi @balle.emil – thanks for clarifying your request!

Every time a user has added something or modified the canvas, an event fires (called Canvas Modified) – not sure how your use case works exactly, but you may be able to use this event to track the number of times a user added something and change the canvas to the mode where users cannot select elements on the canvas.
For the background image, would a new field in the workflow action called “Not selectable?” when set to YES would disable the ability to select/resize the image work?
Regarding the png issue, I’m not able to help without a link to your app or editor. Could you share that with me?

Best,
Alex

system · 2021-02-02T09:49:16.303Z

This topic was automatically closed after 70 days. New replies are no longer allowed.