需求背景 一般在做地图相关的需求是才会用到文字抽稀,我也是在为公司的地图引擎实现一个功能时才实现了该方法,在这里将其简化了,就在普通的 Canvas 上进行操作,并没有引入地图概念 效果 碰撞检测 计算文字在 canvas 中所占据的范围 // 计算文字所需的宽度 var p = { x: 10, y: 10, name: "测试文字" }; var measure = ctx.measureText(p.name); // 求出文字在 canvas 画板中占据的最大 y 坐标 var maxX = measure.width + p.x; // 求出文字在 canvas 画