微信小程序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 pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商，，，恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。。
KESION 一直通过手艺立异，，，提供产品和服务，，，助力企业向数字化转型，，，通过科技驱动商业刷新，，，让商业变得更智慧！

▼点击进入pp电子官网相识更多

热门标签

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

上/下篇

微信小程序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