• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

微信小程序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人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
微信小程序API 绘图介绍（如何在Canvas上画图）发布时间：2022-02-02
下一篇：
微信小程序API 位置发布时间：2022-02-02
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

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