I also get the following if I do a remove selected object from canvas (needed to clear the object I was currently busy drawing if right clicked on top of image):
This is causing all sorts of issues on a page where I have a local Drawing Canvas as well as a reusable element with its own drawing canvas as well.
For instance if I draw on the local canvas and switch to the reusable element and right click the canvas on the reusable element, then the menu shows up correctly.
If I however hide, the reusable element and reopen it and then right click again, this happens:
I tried pushing the drawing canvas on the reusable element forward and hiding the local element, to no avail.
When I then click on the canvas to get out of the menu, the left mouse drawing action continues even though I am not clicking to draw and the mouse button is not pressed.
Hi all, just pushed an update for v1.29.0 of the Drawing & Painting Canvas plugin
You can now customize the height and width of the PNG created when you use the workflow action “Save (as PNG to URL)” – hopefully this is helpful for those of you who need specific dimensions for the images created by the plugin!
You’ll see a new workflow action called “Deselect All Elements” – this will deselect any selected elements on your canvas. Helpful for when you add elements to your canvas via workflow action and you don’t want them to appear selected after adding them.
Added an event that fires when a shape is added to the canvas (whether via workflow action or drawn onto the canvas). This should hopefully help if you want the user to be able to select or resize a shape immediately after they draw it (by change the mode of the canvas to “Select”
Added another event that fires when a Text element is added to the canvas (whether via workflow action or drawn onto the canvas). The use case for this is similar to the Shape Added Event – it should help if you want the user to be able to select or resize a Text immediately after they draw it (by changing the mode of the canvas to “Select”)
Is there a way to upload fonts or shapes for the end users to use in their designs?
Is the only available export .PNG? Or is there a way to get a vector graphic format?
Hi @alex4 any roadmap for a flowchart creation use case?.
I will be interested in creating a canvas for users to create flowchart diagrams (shapes connected with arrows) to document processes.
Another important thing will be of being able to click in a shape to trigger an action (like opening a popup with details for that shape (step in the process)). That means every shape should be added in the database.
Thank you to let me know if this is already possible with the plugin.
Hey @alex4 ,
How can I automatically set an image to the center of the Canvas (in a workflow or in the canvas)?
And is it possible to automatically fill the canvas with the foto?
Thank you!
Hey @alex4 , first of all, amazing plugin. Looking forward to working with it in more detail.
However, for now a few questions and feature requests:
I keep getting an error on first loading the canvas. I stripped all functionality and literally the only thing it does is show the canvas and load an image on it. See below a screenshot of the workflow for adding the image and screenshot for the error I get from Bubble. Somehow if I click again it does load correctly.
Would it be possible to expose a workflow action that would set the relationship between a shape and an image? I would like to be able to add an image to the canvas that is positioned directly inside an Ellipse shape with a somewhat transparent background. I can get this done currently with individual workflow steps but the problem is that if you want to move this around on the canvas they are 2 separate entities so you would have to select them both before resizing and dragging. It would be ideal if you could group them so that users don’t have to click both elements individually.
It would be amazing if you could add a feature that would enable you to connect to an element on the canvas with a line (think of Miro functionality to draw connecting lines between 2 shapes and connect it to one of their sides (top, bottom, left or right). So that when you move the element the line will move with it. And be able to connect it to another element as well potentially (maybe this already possible and I can’t figure out how)
Would you be able to DM me a link to your editor? I’m not able to reproduce that error.
I have a feature on my backlog that is for “grouping” – i.e. creating groups of canvas elements together – would something like this work for your Ellipse/Image use case?
I’ll need more information on how you’ve set up the plugin in your app to help you. Can you please share a link to your editor? Feel free to DM it to me.
Is it possible to snap back to the origin for freehand drawing? I want to draw the outlines of objects and save them afterwards. Ideally the line should just autocomplete to the origin after I finished drawing.