老师您好帮我看看效果吧

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

老师您好帮我看看效果吧

来源：5-7 编程练习

小虾虾小

2019-11-07 10:17:28

<!DOCTYPE html>

<html>

<head>

<title>canvas渐变5-7</title>

<style>

canvas{background-color:black;}

</style>

</head>

<body>

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

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

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

//在此处补充代码

var radialGradient = context.createRadialGradient(400,400,0,300,400,100);

radialGradient.addColorStop(0,'rgba(200,200,200,.5)');

radialGradient.addColorStop(.2,'rgba(255,0,0,.7)');

radialGradient.addColorStop(.8,'rgba(255,255,255,.5)');

radialGradient.addColorStop(1,'rgba(0,0,0,.5)');

context.beginPath();

context.arc(300,400,200,0,Math.PI*2,true);

context.fillStyle = radialGradient;

context.fill();

</script>

</body>

</html>

写回答

1回答

好帮手慕言

2019-11-07

已采纳

同学你好，效果实现的可以，继续加油，祝学习愉快~

0 学习 · 6815 问题

查看课程

相似问题

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

老师您好帮我看看效果吧

回答 1

打开慕课网App查看更多内容