fix: 延迟支付宝 canvas 首帧渲染

Author: huaxiabuluo

packages/f-my/src/index.tsx

@@ -115,18 +115,20 @@ Component({
               height: height * pixelRatio,
             },
             () => {
-              const context = canvas.getContext('2d');
-              const fCanvas = this.createCanvas({
-                width,
-                height,
-                pixelRatio,
-                context,
-                createImage: canvas.createImage.bind(canvas),
-                requestAnimationFrame: canvas.requestAnimationFrame.bind(canvas),
-                cancelAnimationFrame: canvas.cancelAnimationFrame.bind(canvas),
-              });
-              fCanvas.render().catch((error) => {
-                this.catchError(error);
+              canvas.requestAnimationFrame(() => {
+                const context = canvas.getContext('2d');
+                const fCanvas = this.createCanvas({
+                  width,
+                  height,
+                  pixelRatio,
+                  context,
+                  createImage: canvas.createImage.bind(canvas),
+                  requestAnimationFrame: canvas.requestAnimationFrame.bind(canvas),
+                  cancelAnimationFrame: canvas.cancelAnimationFrame.bind(canvas),
+                });
+                fCanvas.render().catch((error) => {
+                  this.catchError(error);
+                });
               });
             },
           );