Canvas 交互

DevBridge 通过 computer 工具提供 11 个针对 Canvas 元素的子动作。

子动作列表

子动作	说明
canvas_click	在 canvas 指定坐标点击
canvas_double_click	在 canvas 指定坐标双击
canvas_drag	在 canvas 内从一个坐标拖拽至另一个坐标
canvas_draw_path	在 canvas 上绘制多点路径
canvas_gesture	执行类触摸手势
canvas_scroll	在 canvas 元素内滚动
canvas_hover	悬停在 canvas 坐标上
canvas_keypress	canvas 获焦时发送按键事件
canvas_pixel	读取单个像素的颜色
canvas_pixel_bulk	批量读取多个像素的颜色
canvas_hit_test	测试指定坐标处命中的元素或区域
canvas_record	录制 canvas 帧输出

无障碍树中的 canvas

read_page 包含 canvas 元素的元数据：viewportRect、documentRect、bitmapSize、fallback 内容（如有）以及超大 canvas 的 [large, WxH] 标签。

图表库 hit-test 支持

DevBridge 内置针对主流 canvas 图表库的命中检测适配器：

• Chart.js — 识别图表数据点和系列
• ECharts — 识别图表组件
• Fabric.js — 识别 canvas 对象
• Konva.js — 识别 stage 节点