Taking snapshots of an area on a card

LiveCode is capable of capturing an image of a specific area of a stack. This can be useful when creating certain mobile apps. The number of uses for this type of functionality is seemingly limitless. In this recipe, you will learn how to create an image of a specific area of a stack.

How to do it...

Follow the steps in this recipe to create an image by taking a screenshot of a specific area of a stack:

1. Open LiveCode and create a new main stack.
2. Set the background color of the stack to white.
3. Add nine rectangles to the stack with the following basic properties:
   • Width: 70
   • Height: 64
   • Opaque: Keep this checked
4. Name and position the nine rectangles as indicated in the following table:

   Rectangle name	backgroundColor	Location
   rect1	White	63, 84
   rect2	Black	160, 84
   rect3	Black	258, 84
   rect4	Black	63, 188
   rect5	White	160, 188
   rect6	Black	258, 188
   rect7	Black	63, 292
   rect8	Black	160, 292
   rect9	White	258...