5-7可以吗

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

5-7可以吗

来源：5-7 编程练习

田马达加斯加

2018-10-29 13:53:20

<!DOCTYPE html>

<html>

<head>

<title>canvas渐变</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,"#fff");

radialGradient.addColorStop(0.2,"rgba(255,0,0,.9)");

radialGradient.addColorStop(0.7,"rgba(255,255,255,.9)");

radialGradient.addColorStop(1,"rgba(255,255,255,.1)");

context.fillStyle=radialGradient;

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

context.fill();

</script>

</body>

</html>

写回答

1回答

好帮手慕星星

2018-10-29

已采纳

白色部分可以再模糊一些，参考：

自己测试下，祝学习愉快！

0 学习 · 4826 问题

查看课程

相似问题

老师，这样可以吗

回答 1

老师，这样可以吗？

回答 1

老师，这样可以吗？

回答 1

6-7练习的问题

回答 1

老师，这样可以吗

回答 1

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