老师看下我的代码 有没有需要优化的地方
来源：5-7 编程练习
菜鸟00001
2019-04-13 21:36:20
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.myCanvas{background-color:black; }
</style>
</head>
<body>
<canvas id="myCanvas" class="myCanvas">
您的浏览器不支持canvas，请升级您的浏览器。
</canvas>
<script type="text/javascript">
var canvas = document.getElementById('myCanvas');
var ctx =canvas.getContext('2d');
ctx.canvas.width = 600;
ctx.canvas.height = 600;
ctx.beginPath();
//径向渐变
var createRadialGradient = ctx.createRadialGradient(500,400,0,400,400,100);
createRadialGradient.addColorStop(0,'#fff');
createRadialGradient.addColorStop(0.2,'#f00');
createRadialGradient.addColorStop(0.7,'rgba(255,255,255,0.7)');
createRadialGradient.addColorStop(1,'#000');
ctx.arc(400,400,100,0,Math.PI*2,true);
ctx.fillStyle = createRadialGradient;
ctx.fill();
</script>
</body>
</html>
1回答
-
好帮手慕夭夭
2019-04-14
你好同学，实现的不错，不需要修改了哦，继续加油，祝学习愉快 ！
0
相似问题
回答 1
回答 1
回答 1
回答 1
回答 1