Join the Webstudio community

Updated 5 months ago

Adding a Canvas Element to a Web Page

At a glance

The community members are discussing ways to add a canvas element to a platform, other than using an HTML embed. One community member suggests a "hack" to change the div tag to canvas, but acknowledges that the system does not officially allow this. Another community member notes that while this hack works, it may not be the best solution. The community members suggest that for now, the HTML embed is the cleanest solution, and hope the platform will add support for the canvas tag in the future. One community member provides a link to an issue on GitHub related to this request.

Useful resources
Other than creating an html embed, is there a way to add a <canvas> element? Perhaps some thing I can change like the box to a <section>?
M
O
J
8 comments
Change the tag "div" to tag "canva"
Attachment
SCR-20241016-hwhg.png
It works, but the system doesn't "allow" this. But if you check the code the canva is render.

I know @TrySound don't like that πŸ˜…
For a clean solution right now I think HTML Embed is the best. Hope they will add "canva" tag pretty soon.
What are you doing with this element? Don't you still need html embed with js for it in the end?
@Oleg Isonen, I was simply converting some codepens into Webstudio for practice. I was using js for math/particles/shapes. This was just an exercise, not for a project so it isn't critical for me.
@Milan Boisgard | Uncode School, thanks for the hack. I kept with the html embed because I don't like red errors. πŸ™‚
Add a reply
Sign up and join the conversation on Discord