v0.1首个版本化设计基线查看版本范围
Developer

canvas.draw()

一次向宿主绘图面提交一批有序 2D 指令。它是即时绘制接口,不保存场景树,也不返回像素。

Syntax

const result = await host.canvas.draw(canvasId, operations);

Parameters

参数 类型 说明
canvasId string 目标绘图面
operations DrawOperation[] 按数组顺序执行的有界指令批次

v0.1 指令使用带 op 的封闭联合类型。未知 op、NaN/Infinity、过深状态栈和未声明资源引用必须拒绝。图片用包内 assetId,字体用类型化 font handle;不接受 URL。

Return value

{ accepted: u32, dropped: u32 }

accepted 是已接受指令数。只有规范允许在预算压力下丢弃的非关键指令才计入 dropped;宿主不能返回成功后悄悄丢掉状态栈操作。

Examples

await host.canvas.draw('main', [
  { op: 'clear', color: '#101418' },
  { op: 'fillRect', x: 20, y: 20, width: 160, height: 80, color: '#238636' },
  { op: 'fillText', x: 36, y: 66, text: 'Hello', color: '#ffffff' },
]);

批量提交优于每个矩形调用一次 Host API:

const operations = bars.map((bar) => ({
  op: 'fillRect', x: bar.x, y: bar.y, width: bar.width, height: bar.height, color: bar.color,
}));
await host.canvas.draw('chart', operations);

Errors

not-foundinvalid-operationresource-deniedlimit-exceeded。整批结构非法时必须整体失败;是否允许对预算丢弃做部分接受由具体指令 schema 明确规定。

Requirements

  • 能力:host:canvas.draw
  • 用户激活:不需要
  • 信任档位:green

See also

canvas.measureText()canvas.frame

Host API 版本与分层概览Host API v0.1版本非正式提议提议canvas API呈现canvas.getInfo()方法canvas.draw()方法canvas.present()方法canvas.measureText()方法canvas.frame event事件canvas.resize event事件asset API呈现asset.read()方法asset.loadFont()方法playback API呈现playback.open()方法playback.write()方法playback.stop()方法playback.ready event事件playback.ended event事件input API输入input.focus()方法input.pointer event事件input.key event事件input.wheel event事件ime API输入ime.openSession()方法ime.updateState()方法ime.updateGeometry()方法ime.closeSession()方法ime.textUpdate event事件ime.composition event事件ime.formatUpdate event事件ime.characterBoundsRequest event事件capture API输入capture.requestCamera()方法capture.requestMic()方法capture.frame()方法capture.readAudio()方法capture.stop()方法capture.ended event事件store API数据store.get()方法store.put()方法store.delete()方法store.list()方法store.deletePrefix()方法clipboard API数据clipboard.readText()方法clipboard.writeText()方法clipboard.readImage()方法clipboard.writeImage()方法net API网络net.fetch()方法identity API身份identity.status()方法identity.login()方法identity.logout()方法env API平台集成env.snapshot()方法env.change event事件print API平台集成print.open()方法开始调用 Host API指南构建交互式绘图应用指南构建自绘文本编辑器指南管理媒体采集与播放指南组织本地数据与同步指南