开发者您好，这边尝试复现您的问题最终未能复现，以下是本地尝试复现的代码，如果和您的代码有出入，麻烦您提供一下可复现的最小demo、sdk版本和设备版本，感谢您的支持和配合：

import { image } from '@kit.ImageKit'

@Entry
@Component
struct StampDrawingCanvas {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  // 核心离屏画布
  private offscreenCanvas: OffscreenCanvas | null = null
  private offCanvasContext: OffscreenCanvasRenderingContext2D | null = null
  // 存储从 $rawfile 加载出来的笔尖纹理
  private brushBitmap: ImageBitmap | null = null
  // 记录上一个点的坐标
  private lastX: number = 0
  private lastY: number = 0
  // 盖章步长：每隔 2 像素盖一次章（可根据图片大小和卡顿情况调整为 3 或 4）
  private STAMP_STEP: number = 2
  // 图片绘制的宽和高（可以根据实际需要调整，建议与原图大小一致或等比例缩放）
  private BRUSH_SIZE: number = 16

  async aboutToAppear() {
    try {
      // 获取当前上下文的资源管理器
      const context = getContext(this)
      const resourceMgr = context.resourceManager

      // 读取 rawfile 中的图片二进制数据
      const fileData = await resourceMgr.getRawFileContent('2.png')

      // 将二进制数据解码为 ImageSource，再生成 PixelMap
      const imageSource = image.createImageSource(fileData.buffer)
      const pixelMap = await imageSource.createPixelMap()

      // 将 PixelMap 包装为 Canvas 可用的 ImageBitmap
      this.brushBitmap = new ImageBitmap(pixelMap)

      // 释放中间产生的 imageSource
      imageSource.release()
    } catch (err) {
      console.error('Failed to load rawfile image: ', JSON.stringify(err))
    }
  }

  aboutToDisappear() {
    if (this.brushBitmap) {
      this.brushBitmap.close() // 释放笔刷内存
    }
  }

  // 沿着两点之间的线段进行高密度“盖章”
  private drawStampLine(x1: number, y1: number, x2: number, y2: number) {
    if (!this.offCanvasContext || !this.brushBitmap) {
      return
    }

    const dx = x2 - x1
    const dy = y2 - y1
    const distance = Math.sqrt(dx * dx + dy * dy)
    const offset = this.BRUSH_SIZE / 2

    // 如果移动距离极短，只盖一个章
    if (distance === 0) {
      this.offCanvasContext.drawImage(this.brushBitmap, x1 - offset, y1 - offset, this.BRUSH_SIZE, this.BRUSH_SIZE)
      return
    }

    // 计算需要插值补上多少个章
    const stampCount = Math.floor(distance / this.STAMP_STEP) * 5


    // 沿着移动轨迹循环盖章（2.5万次调用引发卡顿的源头）
    for (let i = 0; i <= stampCount; i++) {
      const t = stampCount === 0 ? 0 : i / stampCount
      const curX = x1 + dx * t
      const curY = y1 + dy * t

      // 在离屏画布上贴图，坐标减去 offset 是为了让图片中心对准手指落点
      this.offCanvasContext.drawImage(this.brushBitmap, curX - offset, curY - offset, this.BRUSH_SIZE, this.BRUSH_SIZE)
    }

  }

  build() {
    Column() {
      Text('ArkTS Rawfile Stamp 笔迹面板')
        .fontSize(18)
        .fontWeight(FontWeight.Bold)
        .margin(15)

      Canvas(this.context)
        .width('100%')
        .height('80%')
        .backgroundColor('#FFFFFF')
        .onAreaChange((oldValue: Area, newValue: Area) => {
          const width = newValue.width as number
          const height = newValue.height as number
          if (!this.offscreenCanvas && width > 0 && height > 0) {
            this.offscreenCanvas = new OffscreenCanvas(width, height)
            this.offCanvasContext = this.offscreenCanvas.getContext('2d', this.settings)
          }
        })
        .onTouch((event: TouchEvent) => {
          if (!this.offCanvasContext || !this.offscreenCanvas || !this.brushBitmap) {
            return
          }

          const touchX = event.touches[0].x
          const touchY = event.touches[0].y

          switch (event.type) {
            case TouchType.Down:
              this.lastX = touchX
              this.lastY = touchY
              this.drawStampLine(touchX, touchY, touchX, touchY)
              break

            case TouchType.Move:
              //  在后台离屏画布连续高频贴图
              this.drawStampLine(this.lastX, this.lastY, touchX, touchY)

              // 将后台渲染结果打包，一次性刷新到主屏幕画布
              const screenBitmap = this.offscreenCanvas.transferToImageBitmap()
              this.context.clearRect(0, 0, this.offscreenCanvas.width, this.offscreenCanvas.height)
              this.context.drawImage(screenBitmap, 0, 0)
              screenBitmap.close() // 及时关闭释放内存

              this.lastX = touchX
              this.lastY = touchY
              break
          }
        })

      Button('重置画布').onClick(() => {
        if (this.offscreenCanvas && this.offCanvasContext) {
          this.context.clearRect(0, 0, this.offscreenCanvas.width, this.offscreenCanvas.height)
          this.offCanvasContext.clearRect(0, 0, this.offscreenCanvas.width, this.offscreenCanvas.height)
        }
      }).margin(15)
    }
    .width('100%')
    .height('100%')
  }
}

HarmonyOS 鸿蒙Next Canvas绘制大量图片纹理导致性能劣化，通常因纹理内存未及时释放、单帧绘制过多位图导致GPU过载、未复用ImageBitmap或离屏画布引起。建议在绘制循环中复用纹理对象，使用OffscreenCanvas分层渲染，并采用LOD策略降低单帧渲染量。

针对Canvas中2.5万次stamp draw导致3~5秒绘制耗时的问题，性能瓶颈主要在绘制指令的调用次数上，而非纹理本身。即使采用离屏渲染，若每次仍单独draw，开销依然线性累积。

优化思路应聚焦 减少draw调用：

• 纹理合并（图集）：将大量小图预先拼到一张或几张大的OffscreenCanvas上，绘制时直接从图集取区域drawImage，调用次数可降低几个数量级。
• 空间降采样与可见区域裁剪：仅绘制视口内的元素，并适当降低每英寸的stamp密度（如远离视图的元素更稀疏），2.5万次完全可以直接削减到可承受范围。
• 离屏缓存与脏矩形：若部分stamp不常变，可将静态区域渲染到离屏画布缓存，每帧仅重绘变化部分，再整体贴回主画布，减少无效重绘。
• 分层渲染：将大量静态stamp合并为一层，动态stamp独立层，更新时只操作动态层。

在HarmonyOS Next中，可利用OffscreenCanvas完成上述图集预合并和缓存，主Canvas仅执行少数几次drawImage，从根本上压缩总绘制时间。