canvas使用苹果手写笔导致APP卡死？

该问题请在专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

在 iPad 上使用 Apple Pencil 时 uni-app 出现卡死，大概率是「手写事件」在 canvas / web-view 里被高频触发，而 JS 层没有做节流或主动回收，导致主线程阻塞。
uni-app 的 JS 逻辑运行在独立 JSCore，但 canvas 的绘制指令仍然需要与原生通信，如果事件频率过高、绘制指令过多，就会出现「假死」。

排查与解决步骤

1. 先确认是否必现
   ‑ 仅 Apple Pencil 触发？手指不会？
   ‑ 仅 canvas 页面？普通页面不会？
   如果答案都是「是」，基本锁定在 canvas 的 touch / pointer 事件。

2. 给 canvas 绑定事件时做节流

   // 在页面的 onReady 里  
   const ctx = uni.createCanvasContext('myCanvas', this);  
   let lastTime = 0;  
   const throttle = 16;   // 60fps  
   
   function draw(e) {  
    const now = Date.now();  
    if (now - lastTime < throttle) return;  
    lastTime = now;  
   
    const x = e.touches[0].x;  
    const y = e.touches[0].y;  
    ctx.lineTo(x, y);  
    ctx.stroke();  
    ctx.draw(true);   // 注意 true 表示保留之前内容，避免闪屏  
   }  
   
   // #ifdef H5 || APP-PLUS  
   // 使用 pointermove 事件，Apple Pencil 会触发 pointerType === 'pen'  
   document.getElementById('myCanvas')  
          .addEventListener('pointermove', draw, { passive:true });  
   // #endif  
   
   // #ifdef APP-PLUS  
   // nvue 页面用 touchend/touchmove  
   // #endif  

3. 主动回收内存
   如果页面里反复 ctx.draw() 而不清理，内存会暴涨。
   在离开页面时调用：

   onUnload() {  
    ctx.clearRect(0, 0, width, height);  
    ctx.draw();  
   }  

4. 检查是否使用了旧版 web-view
   老版本 uni.webview.1.5.2.js 在部分 iOS 版本下与 Apple Pencil 事件冲突，
   升级到 uni.webview.1.5.6.js 或本地托管即可。

5. 若仍复现，用自定义基座 + Safari 远程调试
   ‑ HBuilderX 菜单「运行 → 运行到手机 → 自定义调试基座」
   ‑ Safari → Develop → 您的设备 → 页面 → 查看 Timeline / Memory
   观察是否有「JS Heap」持续增长或「Main Thread」长时间占用。

6. 临时兜底方案
   在 manifest.json → app-plus → distribute → ios 里关闭「Pencil 仅绘图」选项（Xcode 13+ 才有），
   或把 canvas 换成 nvue 的 <canvas>，nvue 的渲染线程与 JS 线程分离，基本不会卡死。

如果以上都排查完仍有问题，请提供：

• HBuilderX 版本号
• iPad 型号 / iOS 版本
• 最小可复现 demo（仅一个 canvas 页面即可）

我们可以进一步定位。