老师,这样做对吗?

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

老师,这样做对吗?

来源：5-4 编程练习

沧海的雨季

2018-09-30 07:05:29

<!DOCTYPE html>

<html>

<head>

<title>canvas渐变</title>

</head>

<body>

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

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

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

//此处补充代码

var gradient=context.createRadialGradient(400,150,0,400,150,100);

gradient.addColorStop(0.1,"red");

gradient.addColorStop(0.3,"yellow");

gradient.addColorStop(0.5,"orange");

gradient.addColorStop(0.7,"pink");

gradient.addColorStop(0.9,"yellow");

gradient.addColorStop(1,"pink");

context.fillStyle=gradient;

context.arc(400, 150, 100, 0, Math.PI * 2, true);

context.fill();

</script>

</body>

</html>

写回答

1回答

好帮手慕星星

2018-09-30

代码逻辑是正确的，可以比对效果图再调整一下各部分的颜色哦。继续加油~~

0 学习 · 4826 问题

相似问题

回答 1

回答 1

回答 2

回答 1

回答 2