微信小程序API wx.createCanvasContext(canvasId)（绘图上下文）

微信小程序开发专题

专题目录

第1章微信小程序开发教程手册文档

第2章体验微信小程序

第3章微信小程序框架（MINA）

第4章 MINA 文件结构

第5章小程序配置

第6章微信小程序框架逻辑层(App Service)

第7章微信小程序注册程序 App()函数

第8章微信小程序场景值

第9章微信小程序注册页面 Page()函数

第18章微信小程序模板(template)

第19章微信小程序事件

第20章微信小程序 WXML提供了import和include引用方式

第39章微信小程序可滚动视图区域 scroll-view

第40章微信小程序滑块视图容器 swiper

第41章微信小程序视图容器 movable-area

第42章微信小程序视图容器 cover-view

第43章微信小程序内容组件图标 icon

第44章微信小程序内容组件 text（文本）

第45章微信小程序内容组件 rich-text

第46章微信小程序内容组件进度条：progress

第47章微信小程序表单组件

第48章微信小程序按钮组件：button

第49章微信小程序表单组件 checkbox

第50章微信小程序表单组件 form

第51章微信小程序表单组件输入框 input

第52章微信小程序表单组件 label

第53章微信小程序表单组件 picker

第54章微信小程序表单组件picker-view（嵌入页面的滚动选择器）

第55章微信小程序表单组件单选框 radio

第56章微信小程序表单组件滑动选择器 slider

第57章微信小程序表单组件开关 switch

第58章微信小程序表单组件多行输入框 textarea

第59章微信小程序导航 navigator

第60章微信小程序媒体组件 audio

第61章微信小程序媒体组件 image

第62章微信小程序媒体组件 video（视频）

第63章微信小程序媒体组件 camera

第64章微信小程序地图 map

第65章微信小程序画布 canvas

第66章微信小程序开放数据 open-data

第67章微信小程序承载网页 web-view

第68章微信小程序组件 contact-button（客服会话按钮）

第73章微信小程序API Websocket

第78章微信小程序API 背景音频播放管理

第79章微信小程序音频组件控制wx.createAudioContext(audioId)

第80章微信小程序API 视频

第81章微信小程序视频组件控制wx.createVideoContext(videoId)

第82章微信小程序相机组件控制wx.createCameraContext(this)

第90章微信小程序API-设备- 网络状态

第97章微信小程序API-设备-iBeacon

第98章微信小程序API-设备-屏幕亮度

第99章微信小程序API-设备-用户截屏事件

第100章微信小程序API-设备-振动

第101章微信小程序API-设备-手机联系人

第108章微信小程序API 绘图接口（reference）、方法大全

第109章微信小程序API 绘图介绍（如何在Canvas上画图）

第110章微信小程序API coordinates（Canvas 坐标系）

第111章微信小程序API gradient（如何绘制渐变效果）

第112章微信小程序API color（绘图颜色）

第113章微信小程序API wx.createCanvasContext(canvasId)（绘图上下文）

第114章微信小程序API 创建并返回上下文 wx.createContext (不推荐使用)

第115章微信小程序API 绘图·绘制画布 drawCanvas (不推荐使用)

第116章微信小程序API 绘图·导出图片canvasToTempFilePath(OBJECT)

第117章微信小程序API 绘图·设置填充样式setFillStyle

第118章微信小程序API 绘图setStrokeStyle（设置线条样式）

第119章微信小程序API 绘图setShadow（设置阴影样式）

第120章微信小程序API 绘图createLinearGradient（创建线性渐变）

第121章微信小程序API 绘图createCircularGradient（创建圆形渐变）

第122章微信小程序API绘图addColorStop（创建颜色渐变点）

第123章微信小程序API 绘图setLineWidth（设置线条宽度）

第124章微信小程序API 绘图setLineCap（设置线条端点样式）

第125章微信小程序API 绘图setLineJoin（设置线条交点样式）

第126章微信小程序API 绘图setMiterLimit（设置最大倾斜）

第127章微信小程序API 绘图rect创建矩形

第128章微信小程序API 绘图fillRect（填充矩形）

第129章微信小程序API 绘图strokeRect（画一个矩形，非填充）

第130章微信小程序API 绘图clearRect（在给定的矩形区域内，清除画布上的像素）

第131章微信小程序API 绘图fill（对当前路径进行填充）

第132章微信小程序API 绘图stroke（对当前路径进行描边）

第133章微信小程序API 绘图beginPath（开始一个路径）

第134章微信小程序API 绘图closePath（关闭一个路径）

第135章微信小程序使用moveTo把路径移动到画布中的指定点，不创建线条

第136章微信小程序中使用lineTo方法增加一个新点

第137章使用arc()方法在微信小程序canvas中画弧线

第138章在微信小程序绘图API中创建二次方贝塞尔曲线

第139章在微信小程序API绘图中创建三次方贝塞尔曲线路径

第140章在微信小程序中调用scale方法对横纵坐标进行缩放

第141章微信小程序API 绘图对坐标轴进行顺时针旋转

第142章微信小程序canvas中使用translate对坐标原点进行缩放

第143章微信小程序API 绘图setFontSize（设置字号）

第144章微信小程序绘图API中使用fillText在画布上绘制被填充的文本

第145章微信小程序API·setTextAlign（用于设置文字的对齐）

第146章微信小程序API·setTextBaseline（设置文字水平对齐）

第147章微信小程序API中，使用drawImage完成绘制图像，图像保持原始尺寸

第148章微信小程序API 绘图中使用setGlobalAlpha设置全局画笔透明度

第149章微信小程序save/restore（保存和恢复绘图上下文）

第150章微信小程序API 绘图·draw（进行绘图）

第151章微信小程序API 绘图·getActions(不推荐使用)

第152章微信小程序API 绘图·clearActions (不推荐使用)

第153章微信小程序API 绘图·measureText

第154章微信小程序API 绘图·globalCompositeOperation

第155章微信小程序API 绘图·arcTo

第156章微信小程序API 绘图·strokeText

第157章微信小程序API 绘图·lineDashOffset

第158章微信小程序API 绘图·createPattern

第159章微信小程序API 下拉刷新

第160章微信小程序API WXML节点信息

第161章微信小程序API 第三方平台

第162章微信小程序API 登录

第163章微信小程序API 用户数据的签名验证和加解密

第164章微信小程序API 在设置界面中修改对该小程序的授权信息

第165章微信小程序API 用户信息 wx.getUserInfo(OBJECT)

第166章微信小程序API 微信支付

第167章微信小程序API 模板消息

第168章微信小程序API 接收消息和事件

第173章微信小程序API 转发（Page.onShareAppMessage）

第174章微信小程序API 获取小程序页面二维码

第175章微信小程序API 收货地址

第176章微信小程序API Card卡券

第177章微信小程序API 调起客户端小程序设置界面

第178章微信小程序API 获取用户过去三十天微信运动步数

第179章微信小程序API 打开小程序

第180章微信小程序API 获取发票抬头

第181章微信小程序API 生物认证

第182章微信小程序API 数据常规分析概况

第183章微信小程序API 数据·访问分析

第184章微信小程序API 数据·用户画像

第185章微信小程序API 数据·自定义数据上报

第186章微信小程序API getUpdateManager

第187章微信小程序拓展接口

第188章微信小程序API createWorker

第189章微信小程序API 打开/关闭调试

第190章微信小程序工具概览

第191章微信小程序工具界面

第192章微信小程序工具设置

第193章微信小程序工具项目页卡三大主要功能

第194章微信小程序工具快捷键

第195章微信小程序工具代码编辑

第196章微信小程序工具程序调试的三大主要功能区

第207章微信小程序工具 beta版本下载

第219章微信小程序云开发初始化方法init

第220章微信小程序云开发数据库API

第221章微信小程序云开发API 获取数据库的引用

第222章微信小程序云开发API 获取集合的引用

第223章微信小程序云开发API 获取记录的引用

第224章微信小程序云开发API 获取集合数据

第225章微信小程序云开发API 获取记录数据

第226章微信小程序云开发API 在集合上新增记录

第227章微信小程序云开发API 更新多条记录

第228章微信小程序云开发API 更新一条记录

第229章微信小程序云开发API 替换更新一条记录

第230章微信小程序云开发API 删除一条记录

第231章微信小程序云开发API 统计集合记录数

第232章微信小程序云开发API 指定筛选条件

第233章微信小程序云开发API 指定查询排序条件

第234章微信小程序云开发API 指定查询结果集数量上限

第235章微信小程序云开发API 从指定序列后的结果开始返回

第236章微信小程序云开发API 指定返回结果中记录需返回的字段

第237章微信小程序云开发API 获取数据库查询及更新指令

第238章微信小程序云开发API 构造正则对象

第239章微信小程序云开发API 构造一个服务端时间的引用

第240章微信小程序云开发API 地理位置构造器

第241章微信小程序云开发API 查询筛选条件

第242章微信小程序云开发API 查询指令

第243章微信小程序云开发API 更新指令

第244章微信小程序云开发API get方法

第245章微信小程序云开发API update

第246章微信小程序云开发API remove

第247章微信小程序云开发API 服务端

第248章微信小程序云开发服务端API 初始化方法init

第249章微信小程序云开发服务端API 工具类

第250章微信小程序云开发服务端API 数据库

第251章微信小程序云开发服务端数据库API 获取数据库的引用

第252章微信小程序云开发服务端数据库API 获取集合的引用

第253章微信小程序云开发服务端数据库API 获取记录的引用

第254章微信小程序云开发服务端数据库API 获取集合数据

第255章微信小程序云开发服务端数据库API 获取记录数据

第256章微信小程序云开发服务端数据库API 在集合上新增记录

第257章微信小程序云开发服务端数据库API 更新多条记录

第258章微信小程序云开发服务端数据库API 删除多条记录

第259章微信小程序云开发服务端数据库API 更新一条记录

第260章微信小程序云开发服务端数据库API 替换更新一条记录

第261章微信小程序云开发服务端数据库API 删除一条记录

第262章微信小程序云开发服务端数据库API 统计集合记录数

第263章微信小程序云开发服务端数据库API 指定筛选条件

第264章微信小程序云开发服务端数据库API 指定查询排序条件

第265章微信小程序云开发服务端数据库API 指定查询结果集数量上限

第266章微信小程序云开发服务端数据库API Collection.skip

第267章微信小程序云开发服务端数据库API 指定返回结果中记录需返回的字段

第268章微信小程序云开发服务端数据库API 获取数据库查询及更新指令

您的位置：微信小程序开发 > 微信小程序开发专题 > 微信小程序API wx.createCanvasContext(canvasId)（绘图上下文）

微信小程序API wx.createCanvasContext(canvasId)（绘图上下文）

作者：-- 发布时间：2019-11-20

wx.createcanvascontext(canvasid)

定义

创建 canvas 绘图上下文（指定 canvasid）

tip: 需要指定 canvasid，该绘图上下文只作用于对应的<canvas/>

参数

参数	类型	说明
canvasid	string	画布表示，传入定义在`<canvas/>`的 canvas-id