老师帮忙检查代码

来源：5-7 编程练习

人生的起源

2019-12-19 17:53:18

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>canvas渐变</title>
    <style>
        canvas{background-color:black;}
    </style>
</head>
<body>
    <canvas id="canvas" width="800px" height="800px">您的浏览器不支持</canvas>
    <script>
        var canvas=document.getElementById("canvas");
        var context=canvas.getContext("2d");
        //在此处补充代码
        var radialGradient = context.createRadialGradient(600, 400, 0, 400, 400, 200);
        radialGradient.addColorStop(0, 'rgba(176, 176, 176, 1)');
        radialGradient.addColorStop(.25, 'rgba(255, 0, 0, .8)');
        radialGradient.addColorStop(.8, 'rgba(176, 176, 176, .8)');
        radialGradient.addColorStop(1, 'rgba(176, 176, 176, .1)');
        context.arc(400, 400, 200, 0, 2*Math.PI, true);
        context.fillStyle = radialGradient;
        context.fill();
    </script>
</body>
</html>

总感觉红色那部分不够像，老师看看哪里出了问题？

写回答

1回答