canvascontext.createconicgradient(number startangle, number y, number y)
基础库 2.9.93 或更高版本;
支付宝客户端 支持
支小宝客户端 支持
安诊儿客户端 支持
主体: 企业支付宝小程序 、 个人支付宝小程序
创建锥形渐变
number startangle
渐变开始的角度,单位为弧度。角度从从中心向右水平线开始,并顺时针旋转
number x
渐变中心的 x 轴坐标
number y
渐变中心的 y 轴坐标
.js
.axml
const ctx = my.createcanvascontext('canvas')
// 创建一个锥形渐变
// 开始角度为 0
// 中心位置为 100, 100
const gradient = ctx.createconicgradient(0, 100, 100);
// 添加五个色标
gradient.addcolorstop(0, "red");
gradient.addcolorstop(0.25, "orange");
gradient.addcolorstop(0.5, "yellow");
gradient.addcolorstop(0.75, "green");
gradient.addcolorstop(1, "blue");
// 设置填充样式并绘制矩形
ctx.fillstyle = gradient;
ctx.fillrect(20, 20, 200, 200);
ctx.draw()
<canvas id="canvas"></canvas>