能力

canvas

可绘制画布，通过 ac.drawCanvas 等宿主 API 控制。

协议优先 微信兼容子集 宿主能力：canvas

使用示例

<canvas canvas-id="chart" width="300" height="160" />

属性说明

属性类型默认值必填说明
idstring否节点标识，可用于 label.for 或测试定位。
classstring否附加样式类名。
stylestring否受限内联样式。
hiddenbooleanfalse否是否隐藏当前节点。
data-*string否事件触发时进入 event.dataset。
canvas-idstring必填是画布实例标识，canvas API 通过它定位目标。
typestring否组件类型或输入类型。
widthnumber否画布宽度。
heightnumber否画布高度。

事件说明

事件event.detail说明
bindtap{ canvasId }点击时触发。
bindtouchstart{ canvasId }触摸事件。
bindtouchmove{ canvasId }触摸事件。
bindtouchend{ canvasId }触摸事件。

Manifest 声明

能力组件必须声明权限和 API。没有宿主 provider 时，运行时会展示稳定降级态或返回结构化错误。

{
  "permissions": [],
  "apisUsed": [
    "ac.drawCanvas"
  ]
}

平台支持

平台支持情况
Web支持
Android SDKWebView 运行时支持
iOS SDKWebView 运行时支持
Flutter SDKWebView 运行时支持

渲染协议

字段值
HTML 标签canvas
样式类mini-canvas
是否空元素否
必填属性canvas-id
必需 APIac.drawCanvas