智能小程序 Ray 开发——Canvas组件实操讲解

canvas

在 Ray 中使用 canvas 进行混合开发

画布。

相关 API: createCanvasContext.

使用方法

• 方法一: 使用 RJS 进行绘制, 可以获取到 canvas节点, 可以绘制图表, 动画和各种图形等。

• 方法二: 在逻辑层 js 中配合 createCanvasContext API 使用, 此方法获取不到 canvas node 节点。

import { createCanvasContext } from '@ray-js/api';
 
const context = createCanvasContext('***');

推荐使用 方法一 RJS 进行绘制, 性能更好。

属性说明

属性名	类型	默认值	必填	说明
type	string		否	指定 canvas 类型，有效值值为 2d
canvas-id	string