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

sidebar:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ canvas_CanvasContext-drawImage
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 方法参数/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 示例

title:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ CanvasContext.drawImage 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

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

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 使用顺序：drawImage(imageResource,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ dx,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ dy,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ dWidth,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ dHeight,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sx,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sy,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sWidth,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sHeight)

解释：绘制图像到画布。

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

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 方法参数/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ |参数名|属性|必填|默认值|说明| |——|——|——|—-|—-| |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ imageResource|String|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 所要绘制的图片资源/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 。| |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ dx|/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Number|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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/ X/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 轴的位置。| |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ dy/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/|/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Number|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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/ Y/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 轴的位置/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 。/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ | |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ dWidth|/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Number|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 在目标画布上绘制图像的宽度，允许对绘制的图像进行缩放/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 。/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ | |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ dHeight|/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Number|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 在目标画布上绘制图像的高度，允许对绘制的图像进行缩放/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 。/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ | |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sx|/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Number|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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/ 坐标。/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ | |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sy|/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Number|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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/ 坐标。/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ | |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sWidth|/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Number|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 源图像的矩形选择框的宽度/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 。| |/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ sHeight|/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ Number|是||/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 源图像的矩形选择框的高度/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 。|

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

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

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

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

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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_CanvasContext-drawImage - 图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/ 代码示例1/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

在开发者工具中预览效果

:::codeTab

```/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/


/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 
```js
Page({
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ drawImage/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ ()/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ {
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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/ swan.createCanvasContext('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/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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.chooseImage({
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ success:/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ function(res){
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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.drawImage(res.tempFilePaths[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/ 0,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 150,/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/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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();
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ }
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ });
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ }
});

:::

/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /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/ 把用户正方形图片绘制成圆形/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/

在开发者工具中预览效果 :::codeTab

/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/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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/ {/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ },
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ onLoad:/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/ {
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ var/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ contex/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/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/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ contex.beginPath();/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ contex.arc(110,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 60,/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 30,/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);
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ contex.clip();
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ contex.drawImage('/image/faceDetect.png',/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 80,30,60,60);/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ ///uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ 推进去图片，这里注意头像坐标要在圆形区域内
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ contex.draw();
/uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ /uploads/projects/swan-docs/program-docs/docs/develop/api/show//uploads/projects/swan-docs/program-docs/docs/develop/api/show/ }
})

:::