Can I add <canvas> element to my page?

Ask us anything How do I?
1

I want to add some cool animated visual stuff to my page, it requires some JS and HTML tag
I haven’t found any option for that, how can I do that?

Example:

Screenshot 2022-10-14 at 12.32.51
Screenshot 2022-10-14 at 12.32.511308×974 97.3 KB

result will be like

Screenshot 2022-10-14 at 12.32.18
Screenshot 2022-10-14 at 12.32.182006×816 67.2 KB

2

Hi,
to render the canvas on your page, the best way is to use the HTML element with this code
<canvas id="scene"></canvas>

You can then use on page load workflow to execute the javascript page. Please note that

  • You will need to be safe to use wwLib.getFrontDocument() instead of document
  • On execution, you may have to add some security to wait the element to be loaded (make me think that we may need an event on that to help you)

An other option will be to take a look at developping a custom component, your code is easily adaptable to a Vue component, even if you are new to Vue. Please let me know if you need help on that.

3

Thank you a lot! Im going to dig into custom components if it’s the best way.