Need how to achieve the colouring sheet - TypeScript

need to color on image on the surrounding transparent area where I have touched Need some ideas

You can try using the 2D component Graphics to complete the pixel drawing work.
https://docs.cocos.com/creator/manual/en/ui-system/components/editor/graphics.html

@zzf_Cocos Graphics Component is used to draw a line/curved line, I like to fetch the transparent area around the touched position and fill color inside the black border in a particular area. That is for example if I touch the leg area I need to fill the color inside the touched leg only

Great, I think I understand your requirement.

To implement this feature, you need to split the image into different layers and use Photoshop to create separate images for each layer. Then, you need to add multiple node groups in your project.
When the player clicks on the image, you can detect the node group and populate different images based on the group.

@zzf_Cocos No I need to achieve this in single image node sprite. Let me know if any

In that case, you can only use the RenderTexture’s readPixel function to read the screen pixels for determining the drawing area.

https://docs.cocos.com/creator/manual/en/asset/render-texture.html?h=readpixel