微信小程序API绘图接口（reference）,context方法大全

—— 2017 ——

12/22

00:00

来源：

作者：未知

2017/12/22 0:00:00 来源：不详作者：未知

API 接口

方法	说明
createCanvasContext	创建 canvas 绘图上下文(指定 canvasId)
createContext(不推荐使用)	创建 canvas 绘图上下文
drawCanvas(不推荐使用)	进行绘图
canvasToTempFilePath	导出图片

context 对象的方法列表

颜色，样式，阴影

方法	说明
setFillStyle	设置填充样式
setStrokeStyle	设置线条样式
setShadow	设置阴影

渐变

方法	说明
createLinearGradient	创建一个线性渐变
createCircularGradient	创建一个圆形渐变
addColorStop	在渐变中的某一点添加一个颜色变化

线条样式

方法	说明
setLineWidth	设置线条宽度
setLineCap	设置线条端点的样式
setLineJoin	设置两线相交处的样式
setMiterLimit	设置最大倾斜

矩形

方法	说明
rect	创建一个矩形
fillRect	填充一个矩形
strokeRect	画一个矩形（不填充）
clearRect	在给定的矩形区域内，清除画布上的像素

路径

方法	说明
fill	对当前路径进行填充
stroke	对当前路径进行描边
beginPath	开始一个路径
closePath	关闭一个路径
moveTo	把路径移动到画布中的指定点，但不创建线条。
lineTo	添加一个新点，然后在画布中创建从该点到最后指定点的线条。
arc	添加一个弧形路径到当前路径，顺时针绘制。
quadraticCurveTo	创建二次方贝塞尔曲线
bezierCurveTo	创建三次方贝塞尔曲线

变形

方法	说明
scale	对横纵坐标进行缩放
rotate	对坐标轴进行顺时针旋转
translate	对坐标原点进行缩放

文字

方法	说明
fillText	在画布上绘制被填充的文本
setFontSize	设置字体大小
setTextBaseline	设置字体基准线
setTextAlign	设置字体对齐方式

图片

方法	说明
drawImage	在画布上绘制图像

混合

方法	说明
setGlobalAlpha	设置全局画笔透明度

其他

方法	说明
save	保存当前绘图上下文
restore	恢复之前保过的绘图上下文
draw	进行绘图
getActions(不推荐使用)	获取当前`context`上存储的绘图动作
clearActions(不推荐使用)	清空当前的存储绘图动作

更多微信小程序开发教程，可以关注。

【本站声明】
1、本站文章中所选用的图片及文字来源于网络以及用户投稿，由于未联系到知识产权人或未发现有关知识产权的登记，如有知识产权人并不愿意我们使用，如果有侵权请立即联系。
2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。

KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商，长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！

▼点击进入科汛官网了解更多

热门标签

微信小程序开发微信小程序

上/下篇

微信小程序API设置置顶信息,wx.setTopBarText设置置顶栏文字内容

wx.setTopBarText(OBJECT) 基础库 1.4.3 开始支持，低版本需做兼容处理动设置置顶栏文字内容，只有当前小程序被置顶时能生效，如果当前小程序没有被置顶，也能调用成功，但是不会

微信小程序开发微信小程序 2017/12/22 0:00:00
微信小程序API绘图介绍,在<canvas/>中的画图必须用JavaScript 完成

绘图接口和方法在Canvas上画图所有在 canvas/ 中的画图必须用 JavaScript 完成： WXML：（我们在接下来的例子中如无特殊声明都会用这个 WXML 为模板，不再重复） can

微信小程序开发微信小程序 2017/12/22 0:00:00