How to improve quality of canvas spanshot?

[milindsakhare100]

When I upload an HD image in the Image component of skia, It looks in HD.But when I take canvas snapshot image's quality gets reduced. Is there any way to get HD snapshot/image from skia canvas?

How can I improve quality of canvas spanshot?
Thanks

[wcandillon]

could it be the quality of the image encoding? The canvas snapshot is a bitmap of there shouldn't be any loss of quality there.

[milindsakhare100]

Okay, as far as I understand, the snapshot image (bitmap image) depends on the pixels of the screen occupied by the canvas.

For example, if I set the canvas's height and width to 360x360, which corresponds to approximately 990x990 pixels, then when I take a snapshot of the canvas, it will give me an image of 990x990 pixels.

So my question is: is there any way to get more pixels than 990px with the same screen size?

I hope you understand.
Thanks.

[wcandillon]

yes you can draw offscreen. It's not very well documented at the moment but this should shed some light: https://shopify.github.io/react-native-skia/docs/animations/textures/#under-the-hood

…

On Wed, May 29, 2024 at 9:39 AM Milind Sakhare ***@***.***> wrote: Okay, as far as I understand, the snapshot image (bitmap image) depends on the pixels of the screen occupied by the canvas. For example, if I set the canvas's height and width to 360x360, which corresponds to approximately 990x990 pixels, then when I take a snapshot of the canvas, it will give me an image of 990x990 pixels. So my question is: is there any way to get more pixels than 990px with the same screen size? I hope you understand. Thanks. — Reply to this email directly, view it on GitHub <#2445 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACKXVQPF5FKLXO7QM5WYCLZEWA3RAVCNFSM6AAAAABIK6G33KVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TKOBZHEZTO> . You are receiving this because you commented.Message ID: ***@***.*** com>

[milindsakhare100]

Okay, thanks

[milindsakhare100]

Hi, @wcandillon I used "useImageAsTexture" for image, it is working fine on runtime, but when I am taking a snapshot of canvas, it's giving me a blank snapshot image.

Please provide documentation if available.
Thanks

[wcandillon]

if you get a blank snapshot it means most likely that you are crossing threads (e.g try to use a texture created on the UI thread in the JS thread for instance). if you use makeNonImageTexture, you will be able to use the issue the other context.