canvas中文字无法直接选中复制，因其为位图绘制、无dom节点；需预存文本并根据点击坐标匹配区间，再调用uni.setclipboarddata实现跨端复制。
Canvas里文字不能直接选中复制，必须自己捕获点击位置
Canvas 是位图绘制，里面没有 DOM 节点，text 只是绘图指令，浏览器根本不知道“哪几个字符被点了”。所以指望 selectable 或长按唤出系统复制菜单，纯属白搭。
真正可行的路径只有一条：把文字内容提前存好，再根据点击坐标判断落在哪一段，然后主动调用剪贴板 API。
- 先用
ctx.measureText()或预计算每段文字的 x 范围（尤其含换行时需按行拆分） - 监听
@touchstart或canvas.addEventListener('touchstart')，拿到touches[0].clientX和 canvas 左上角 offset，换算成画布内坐标 - 遍历所有文本块，比对 x 坐标是否落在该段文字的
left ~ right区间内（注意：y 方向也要粗略限定行高范围） - 匹配成功后，立即触发
uni.setClipboardData({ data: matchedText })
为什么不能用 document.execCommand 或 navigator.clipboard
document.execCommand('copy') 要求焦点在可编辑元素（如 textarea）且已有选区；navigator.clipboard.writeText() 在 H5 端虽可用，但 uni-app 的 Canvas 事件默认不在安全上下文触发链中——尤其经过 uni.createCanvasContext 封装后，事件可能被降权。
所以跨端唯一稳态方案仍是 uni.setClipboardData，它内部已做平台适配：
- H5 端：自动 fallback 到
navigator.clipboard.writeText（HTTPS + 用户手势下）或临时textarea+execCommand - 小程序/App 端：走原生剪贴板接口，不依赖 DOM 状态
- 但前提是：调用必须在用户触摸回调的第一层同步执行，不能包在
setTimeout、Promise.then或this.$nextTick里
小程序真机上点不动？检查三个硬性条件
微信/支付宝小程序 Canvas 长按复制失败，90% 出在以下三点漏配：
-
manifest.json中 mp-weixin 下没加"scope.writeClipboard": true，导致权限被静默拒绝 - Canvas 绑定的是
@touchstart，但真机长按需要@longpress才能触发（开发者工具里touchstart可能响应，真机不行） - 没做防抖：快速连点两次会触发两次
uni.setClipboardData，第二次因未完成前次操作而失败，建议加this.isCopying = true锁状态，2 秒后释放
App端中文乱码或粘贴成方块？清理原始字符串再传
从 Canvas 绘制逻辑里取出来的文本，如果来自富文本解析、服务端 HTML 片段或带 emoji 的字段，很可能含不可见控制符（如 \u200b、\ufeff）或实体编码（如 ），直接传给 uni.setClipboardData 会导致粘贴异常。
务必在复制前清洗：
- 去零宽空格：
text.replace(/[\u200b-\u200f\u202a-\u202f\ufeff]/g, '') - 转义 HTML 实体（若来源含
、<code>>）：text.replace(/, '/g, '>') - 合并空白符并 trim：
text.replace(/[\r\n\t\s\u00A0]+/g, ' ').trim()
最易忽略的是：Canvas 文本坐标计算依赖字体大小和 ctx.font 设置，而不同端默认字体不一致（H5 是 sans-serif，iOS 是 -apple-system，Android 是 Roboto），同一段文字在各端渲染宽度可能差几个像素——这意味着你预设的“点击命中区间”在某端可能永远无法匹配。
