微信小程序API 绘图 - 微信小程序开发文档-OStack程序员社区-中国程序员成长平台

设为首页
点击收藏
手机版

手机扫一扫访问
迪恩网络手机版
关注官方公众号

微信扫一扫关注
公众号

快速发帖
客服电话

点击联系客服
在线时间：8:00-16:00

客服电话

132-9538-2358

电子邮件
[email protected]
APP下载

迪恩网络APP

随时随地掌握行业动态
官方微信

扫描二维码

关注迪恩网络微信公众号
问题反馈
返回顶部

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›微信小程序开发文档

微信小程序API 绘图

原作者: [db:作者] 来自: [db:来源] 收藏邀请

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(不推荐使用)	清空当前的存储绘图动作

该文章已有0人参与评论

请发表评论

全部评论

专题导读

上一篇：

微信小程序API 绘图介绍（如何在Canvas上画图）发布时间：2022-02-02

下一篇：

微信小程序API 位置发布时间：2022-02-02

热门推荐

热门话题

阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

地址：深圳市南山区西丽大学城创智工业园

电邮：jeky_zhao#qq.com

移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap