uniapp 调用canvas画图代码

以下是一个简单的 uniapp 调用 canvas 画图的代码示例：

<template>
  <canvas canvas-id="myCanvas" style="width: 300px; height: 300px;"></canvas>
</template>

<script>
export default {
  onReady() {
    const ctx = uni.createCanvasContext('myCanvas', this);
    ctx.beginPath();
    ctx.arc(150, 150, 100, 0, 2 * Math.PI);
    ctx.fillStyle = 'red';
    ctx.fill();
    ctx.draw();
  },
};
</script>

在这个示例中，我们在页面的模板中定义了一个 canvas 元素，并指定了它的宽度和高度。然后在页面的 `onReady` 生命周期钩子中，我们使用 `uni.createCanvasContext` 方法创建了一个 canvas 绘图上下文对象，并指定了要绘制的 canvas 的 id 和当前页面实例。然后我们使用 `ctx.beginPath` 方法开始绘制一个圆形，并使用 `ctx.arc` 方法指定圆形的圆心和半径。我们还使用 `ctx.fillStyle` 属性指定了圆形的填充颜色，并使用 `ctx.fill` 方法进行填充。最后我们使用 `ctx.draw` 方法将绘制结果显示在页面上。