diff --git a/README.en.md b/README.en.md new file mode 100644 index 0000000000000000000000000000000000000000..e61b1a7a55a0033018eb8d51e9ad5ba8c9104d9b --- /dev/null +++ b/README.en.md @@ -0,0 +1,31 @@ +# Custom Prize Wheel + +### Introduction + +Learn how to customize a prize wheel based on the canvas component. Example: + +![image](screenshots/device/canvas_en.gif) + +### Concepts + +- Stack: a component that allows child components to be successively stacked, with the latter one overwriting the previous one. +- Canvas: a component that is used to customize drawings. +- CanvasRenderingContext2D: a component that uses **RenderingContext** to draw rectangles, text, images, and other objects on a canvas. +- Explicit animation (**animateTo**): a transition animation when the status changes due to the closure code. +- Custom dialog box: a custom dialog box that is displayed by using the **CustomDialogController** class. + +### Permissions + +N/A + +### How to Use + +1. Tap the Start icon on the round wheel to start the lucky draw. +2. After the prize wheel stops spinning, the lucky draw ends, with its text and images displayed. + +### Constraints + +1. The sample is only supported on Huawei phones with standard systems. +2. HarmonyOS: HarmonyOS NEXT Developer Beta1 or later. +3. DevEco Studio: DevEco Studio NEXT Developer Beta1 or later. +4. HarmonyOS SDK: HarmonyOS NEXT Developer Beta1 SDK or later. \ No newline at end of file diff --git a/screenshots/device/canvas_en.gif b/screenshots/device/canvas_en.gif new file mode 100644 index 0000000000000000000000000000000000000000..a388d5e72065c11f1af2d08c44e0bfdd0893a6b2 Binary files /dev/null and b/screenshots/device/canvas_en.gif differ