can I use like canvas api in react-native-skia?

[JRfan123]

like in js:
drawImage()
drawRect().

not in the element-tag

[wcandillon]

yes such API is available but it is not documented yet.
You can find details here: https://github.com/Shopify/react-native-skia/blob/main/package/src/skia/types/Canvas.ts

[JRfan123]

ok， thank you! I will read it

[JRfan123]

    <Canvas
         ref={canvasRef}
         style={{ width: containerSize?.width, height: containerSize?.height }}
       />. 

isn't it in the canvasRef ? I can't find the skiaCanvas ， maybe you can update the docs , i think it will help many people

[wcandillon]

Here you can use the Picture API and then use the canvas element to draw a picture: https://shopify.github.io/react-native-skia/docs/shapes/pictures/

Or you can create an offscreen surface and then draw it as an image: https://shopify.github.io/react-native-skia/docs/animations/textures/#under-the-hood

[JRfan123]

ok, but I have one question, will the implementation mode make handling of graphic dragging, scaling, and rotation difficult to deal with，i am worried about it

[wcandillon]

we recommend you use the declarative API indeed. Now the imperative API (drawImage()
drawRect())

[JRfan123]

ok, let me think ，i will access it

[JRfan123]

I have used the declarative API, it is ok until now , but i I want to how to know whethe the image drawed complete, because sometimes it show slowly when I change the image by click change the index of list

[JRfan123]

I am trying to improve the performance of app .

[JRfan123]

maybe the loading of remote url image also cost some time