diff --git a/pages/API/create-canvas-context-async/create-canvas-context-async.uvue b/pages/API/create-canvas-context-async/create-canvas-context-async.uvue
index 780091f32c0ed509ae01b6644f5ba4af28c2cb40..e4f6f78977b351f03e5770ba25d163668e8fe143 100644
--- a/pages/API/create-canvas-context-async/create-canvas-context-async.uvue
+++ b/pages/API/create-canvas-context-async/create-canvas-context-async.uvue
@@ -46,11 +46,10 @@
         component: this,
         success: (context : CanvasContext) => {
           this.canvasContext = context.getContext('2d')!;
+          hidpi(this.canvasContext!.canvas);
           this.canvasWidth = this.canvasContext!.canvas.width;
           this.canvasHeight = this.canvasContext!.canvas.height;
 
-          hidpi(this.canvasContext!.canvas);
-
           // #ifdef WEB
           context.toBlob((blob : Blob) => {
             this.testToBlobResult = (blob.size > 0 && blob.type == 'image/jpeg')