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 5a9716cf85edad0c6e85b27047328b249c924442..5ae2dbfab9cac647ea84a8bf6054575a576a092d 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')