how to implement plugins?
Question
Application Type
Reactive

Hello,

I am making a reactive app where I have a receipt in html and I need to convert it to an image. how do i do it (beginner).

Solution

I have shared in the image how to use it and there is no documentation on how to use it

If you read the description in the asset this is an asset-based on the HTML to canvas script.

Also, it's probably giving you an error because you installed the demo without installing the asset/component itself. I installed the component and the demo on my side, first the component and then the demo, and it works just fine.

Can you please be more specific, it can be a lot of different use cases and a little difficult to replicate your error.

But the component just receives the container id that you want to pass to the image and then it returns binary data that you can use to download or even save...


Try this forge asset

https://www.outsystems.com/forge/component-overview/7525/html-2-image

Try the demo just to see how to use it.

Let me know if it helps you! :)

Regards,

Márcio

Is there any documentation on how to implement it?

Because when I try to run it I get html2canvas is not defined.

Solution

I have shared in the image how to use it and there is no documentation on how to use it

If you read the description in the asset this is an asset-based on the HTML to canvas script.

Also, it's probably giving you an error because you installed the demo without installing the asset/component itself. I installed the component and the demo on my side, first the component and then the demo, and it works just fine.

Can you please be more specific, it can be a lot of different use cases and a little difficult to replicate your error.

But the component just receives the container id that you want to pass to the image and then it returns binary data that you can use to download or even save...


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.