diff --git a/frameworks/bridge/arkts_frontend/koala_projects/arkoala-arkts/arkui-ohos/src/handwritten/component/canvas.ts b/frameworks/bridge/arkts_frontend/koala_projects/arkoala-arkts/arkui-ohos/src/handwritten/component/canvas.ts
index c84bee4bc0d27b08b1dfc82ce6c4761a94c56576..f3666b79bcbb73b01733d4b7e420e32158f8413f 100644
--- a/frameworks/bridge/arkts_frontend/koala_projects/arkoala-arkts/arkui-ohos/src/handwritten/component/canvas.ts
+++ b/frameworks/bridge/arkts_frontend/koala_projects/arkoala-arkts/arkui-ohos/src/handwritten/component/canvas.ts
@@ -58,7 +58,7 @@ export function hookCreateImageData(peerPtr: CanvasRenderer, sw: number, sh: num
     }
     const width_cast: int32 = width_value as int32
     const height_cast: int32 = height_value as int32
-    const length: int32 = width_cast * height_cast * PIXEL_SIZE
+    const length: int32 = width_cast * height_cast * PIXEL_SIZE.toInt()
     const arrayBuffer: ArrayBuffer = new ArrayBuffer(length)
     const uint8View = new Uint8Array(arrayBuffer)
     for (let i = 0; i < length; i++) {
@@ -71,7 +71,7 @@ export function hookCreateImageData(peerPtr: CanvasRenderer, sw: number, sh: num
 export function hookCreateImageData(peerPtr: CanvasRenderer, imagedata: ImageData): ImageData {
     const width_cast: int32 = imagedata.width as int32
     const height_cast: int32 = imagedata.height as int32
-    const length: int32 = width_cast * height_cast * PIXEL_SIZE
+    const length: int32 = width_cast * height_cast * PIXEL_SIZE.toInt()
     const arrayBuffer: ArrayBuffer = new ArrayBuffer(length)
     const uint8View = new Uint8Array(arrayBuffer)
     for (let i = 0; i < length; i++) {