大学生新闻网,大学生新闻发布平台
大学生新闻网
大学生新闻大学生活校园文学大学生村官
社会实践活动社会实践经历社会实践报告社会实践总结社会实践心得
全国排名校友会版软科排名分类排名本科排名一本排名二本排名专科排名学校地址
求职简历职场法则面试技巧职场故事求职招聘大学生就业
英语学习计算机学习电气工程机械工程经济管理建筑设计财务会计
申请书证明书检讨书自荐信演讲稿心得体会调查报告读后感求职信推荐信其它范文

小程序创建一个圆形的渐变颜色CanvasContext.createCircularGradient

CanvasGradient CanvasContext.createCircularGradient(number x, number y, number r)
小程序插件:支持
创建一个圆形的渐变颜色。起点在圆心,终点在圆环。返回的CanvasGradient对象需要使用 CanvasGradient.addColorStop() 来指定渐变点,至少要两个。

参数
number x
圆心的 x 坐标

number y
圆心的 y 坐标

number r
圆的半径

返回值
CanvasGradient
示例代码

const ctx = wx.createCanvasContext('myCanvas')
 
// Create circular gradient
const grd = ctx.createCircularGradient(75, 50, 50)
grd.addColorStop(0, 'red')
grd.addColorStop(1, 'white')
 
// Fill with gradient
ctx.setFillStyle(grd)
ctx.fillRect(10, 10, 150, 80)
ctx.draw()
    作者:大学生新闻网    来源:大学生新闻网
    发布时间:2025-04-12    阅读:
    扫一扫 分享悦读