颜色的渐变所占比例是根据什么来的，每个colorstop都进行均分嘛？

首页课程实战体系课手记专栏慕课教程

来源：5-4 编程练习

慕用0863198

2019-05-19 14:42:03

<!DOCTYPE html>

<html>

<head>

<title>canvas渐变</title>

</head>

<body>

<canvas id="canvas" width="600px" height="600px">您的浏览器不支持</canvas>

var canvas=document.getElementById("canvas");

var ctx=canvas.getContext("2d");

ctx.translate(300,300);

var radialGradient=ctx.createRadialGradient(0,0,0,0,0,200)

radialGradient.addColorStop(0,'red');

radialGradient.addColorStop(0.2,'yellow');

radialGradient.addColorStop(0.4,'pink');

radialGradient.addColorStop(0.6,'blue');

radialGradient.addColorStop(0.8,'green');

ctx.arc(0,0,200,0,2*Math.PI,true);

ctx.fillStyle=radialGradient;

ctx.fill();

</script>

</body>

</html>

写回答

1回答

好帮手慕夭夭

2019-05-19

你好同学，适当的设置一下即可，不需要和效果图一模一样。例如颜色多的就多设置一点，颜色渐变少的就少设置一点，可以如下调整代码：

祝学习愉快，望采纳。

0 学习 · 4826 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1