PointerEvent 不直接标准化 pressure 和 contact area，但现代浏览器通过扩展属性支持：pen 类型保证 pressure 可靠，touch 类型需实测 width/height；pressure 范围 0.0–1.0，width/height 单位为 CSS 像素；须安全检测属性存在；getCoalescedEvents() 还原合并事件以提升笔迹精度，仅限 pointermove 中同步调用；getPredictedEvents() 提供坐标预测（无可靠 pressure/area），用于光标预渲染；跨设备需分层降级：优先 pen，touch 次之，缺失时用 buttons 或速度模拟。
PointerEvent 本身不直接提供压感（pressure）和触摸点面积（contact area）的标准化属性，但现代浏览器在部分设备上通过扩展属性支持这些信息——关键在于正确检测、判断兼容性，并合理使用 getCoalescedEvents() 和 getPredictedEvents() 提升精度。
确认 pressure 和 width/height 是否可用
并非所有 pointer 类型都支持压感或面积。只有 pointerType === "pen"（触控笔）通常保证 pressure 可靠；部分支持高精度触摸的设备（如 iPad Pro、Surface）可能在 pointerType === "touch" 时也返回非默认的 width/height，但需实测验证。
-
压感值范围：
event.pressure是 0.0–1.0 的浮点数，0 表示未接触，1 表示最大压力（注意：不是物理单位，设备间无绝对可比性） -
接触尺寸：用
event.width和event.height（单位：CSS 像素），二者常相等（圆形接触点），但某些笔尖倾斜时会呈椭圆 -
安全访问方式：始终先检查属性是否存在，避免报错：
if ('pressure' in event) { console.log(event.pressure); }
处理低延迟笔迹：使用 getCoalescedEvents()
快速移动笔尖时，浏览器可能合并多个指针事件以节省资源，导致压感/面积采样丢失细节。调用 event.getCoalescedEvents() 可还原被合并的中间事件序列，每个都含独立的 pressure、width、clientX/Y。
- 仅在
pointermove中有效，且需在事件处理函数内同步调用 - 返回数组，按时间顺序排列（首个为当前事件，后续为更早的“被合并”事件）
- 适合绘制平滑笔迹、实现压感粗细变化：
event.getCoalescedEvents().forEach(coalesced => {<br> drawStroke(coalesced.clientX, coalesced.clientY, coalesced.pressure);<br>});
预测未来位置：getPredictedEvents() 辅助跟手性
为缓解显示延迟，浏览器可基于历史轨迹预测未来几毫秒的指针位置。这些预测事件包含推测的 clientX/Y，但 不保证 有 pressure 或 width/height（通常为 0 或默认值）。
- 适用于光标预渲染、画布外推线段，但不可用于依赖压感的逻辑
- 调用方式同 coalesced：
const predicted = event.getPredictedEvents(); - 预测数量有限（通常 1–3 个），且受系统负载影响，需容错处理
跨设备兼容性与降级策略
没有统一 API 能在所有触摸屏上获取可靠面积或压感。需分层支持：
- 优先检测
event.pointerType === "pen"并启用 pressure/width/height - 对
"touch"设备，尝试读取width/height，若恒为 0 或 1，则忽略面积逻辑，仅用坐标做基础交互 - 压感缺失时，可用
event.buttons === 1（主按键按下）或移动速度模拟“轻按/重按”语义 - 在
pointerdown阶段记录初始pressure，用于判断是否为有意书写（如 pressure > 0.1 才开始绘图）
