当前位置:K88软件开发文章中心编程全书微信小程序 → 文章内容

微信小程序API 绘图createCircularGradient(创建圆形渐变)

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-15 15:00:25

由 ?﹏???ζ???﹏﹏? 创建,youj 最后一次修改 2016-12-24 绘图接口和方法canvasContext.createCircularGradient定义创建一个圆形的渐变颜色。Tip: 起点在圆心,终点在圆环。Tip: 需要使用addColorStop()来指定渐变点,至少要两个。参数参数类型定义xNumber圆心的x坐标yNumber圆心的y坐标rNumber圆的半径例子const ctx = wx.createCanvasContext('myCanvas')// Create circular gradientconst grd = ctx.createCircularGradient(75, 50, 50)grd.addColorStop(0, 'red')grd.addColorStop(1, 'white')// Fill with gradientctx.setFillStyle(grd)ctx.fillRect(10, 10, 150, 80)ctx.draw()绘图接口和方法

微信小程序API 绘图createCircularGradient(创建圆形渐变)