开始创建一个路径,需要调用fill或者stroke才会使用路径进行填充或描边。
Tip: 在最开始的时候相当于调用了一次beginPath()
。
Tip: 同一个路径内的多次setFillStyle()
、setStrokeStyle()
、setLineWidth()
等设置,以最后一次设置为准。
const ctx = wx.createCanvasContext('myCanvas')
// begin path
ctx.rect(10, 10, 100, 30)
ctx.setFillStyle('yellow')
ctx.fill()
// begin another path
ctx.beginPath()
ctx.rect(10, 40, 100, 30)
// only fill this rect, not in current path
ctx.setFillStyle('blue')
ctx.fillRect(10, 70, 100, 30)
ctx.rect(10, 100, 100, 30)
// it will fill current path
ctx.setFillStyle('red')
ctx.fill()
ctx.draw()
更多微信小程序开发教程,可以关注。
KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!
绘图接口和方法 canvasContext.stroke 定义 画出当前路径的边框。默认颜色色为黑色。 Tip : stroke() 描绘的的路径是从 beginPath() 开始计算,但是不会将 s
绘图接口和方法 canvasContext.closePath 定义 关闭一个路径 Tip : 关闭路径会连接起点和终点。 Tip : 如果关闭路径后没有调用 fill() 或者 stroke() 并