title:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ header:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ develop nav:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ api

sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas

解释：canvas/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 画布，可使用/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ JS/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 操作/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 上下文，发出指令，进行绘制。

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 示例

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 扫码体验

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas - 图1 /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 请使用百度APP扫码

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 图片示例/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas - 图2 /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas - 图3 /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas - 图4 /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 代码示例

在开发者工具中预览效果

:::codeTab

  1. <canvas/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas-id="myCanvas"/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ />

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 

  1. Page({
  2. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ onReady:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ function/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ ()/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ {
  3. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ const/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ =/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ this.createCanvasContext('myCanvas');
  4. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext.setFillStyle('#ff0000');
  5. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext.arc(100,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 100,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 50,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 0,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 2/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ */uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Math.PI);
  6. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext.fill();
  7. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext.draw();
  8. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ }
  9. });

:::

我们来回顾一下，刚刚都执行了哪些指令：

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 1、创建绘图上下文/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

推荐使用/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Page/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 对象上挂载的createCanvasContext方法，进行绘制上下文的创建： :::codeTab

  1. Page({
  2. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ onReady:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ function/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ ()/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ {
  3. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ const/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ =/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ this.createCanvasContext('myCanvas');
  4.     }
  5. });

:::

当然，也可以使用/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ SWAN/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 上挂载的createCanvasContext方法。 如下，我们调用/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ SWAN/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 的接口createCanvasContext创建了一个绘制上下文（但请注意，使用/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ SWAN/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 上挂载的createCanvasContext，会在当前用户可见的/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Page/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 中寻找canvas）。 :::codeTab

  1. const/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ =/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ swan.createCanvasContext('myCanvas');

::: /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 2、发送绘制指令/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

设置颜色，并画一个圆，填充。 :::codeTab

  1. CanvasContext.setFillStyle('#ff0000');
  2. CanvasContext.arc(100,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 100,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 50,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 0,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 2/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ */uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Math.PI);
  3. CanvasContext.fill();

::: /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 3、绘制/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 执行上面已经发出的指令，进行/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 绘制。 :::codeTab

  1. CanvasContext.draw();

:::

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 坐标系

canvas/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 坐标系，以左上角为(0,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 0)，横轴为/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ x，纵轴为/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ y。 如：CanvasContext.arc(100,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 200,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 50,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 0,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 2/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ */uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Math.PI);命令，就是在x：/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 100,y:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 200为圆心处，开始画圆。

我们可以在/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 中加上一些事件，来观测它的坐标系。

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 代码示例/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ ：

在开发者工具中预览效果

:::codeTab

  1. <canvas/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas-id="myCanvas"
  2. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ style="margin:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 5px;/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ border:1px/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ solid/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ #d3d3d3;"
  3. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ bindtouchstart="start"
  4. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ bindtouchmove="move"
  5. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ bindtouchend="end"/>
  6. <view/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ hidden="{{hidden}}">
  7. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Coordinates:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ ({{x}},/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ {{y}})
  8. </view>

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 

  1. Page({
  2. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ data:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ {
  3. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ x:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 0,
  4. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ y:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 0,
  5. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ hidden:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ true
  6. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ },
  7. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ start/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ (e)/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ {
  8. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ this.setData({
  9. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ hidden:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ false,
  10. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ x:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ e.touches[0].x,
  11. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ y:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ e.touches[0].y
  12. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ })
  13. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ },
  14. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ move/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ (e)/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ {
  15. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ this.setData({
  16. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ x:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ e.touches[0].x,
  17. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ y:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ e.touches[0].y
  18. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ })
  19. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ },
  20. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ end/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ (e)/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ {
  21. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ this.setData({
  22. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ hidden:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ true
  23. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ })
  24. /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ }
  25. })

:::