老师,看下有需要改进的吗

来源:5-2 编程练习

qq_倚楼听风雨_5

2019-12-10 15:40:28

<head>

    <meta charset="UTF-8">

    <title>canvas渐变</title>

</head>

<body>

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

    <script>

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

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

        //在此处补充代码

        var linearGradient = context.createLinearGradient(-50,-50,60,60);

        linearGradient.addColorStop(0,'rgb(245,182,121)');

        linearGradient.addColorStop(0.5,'rgb(243,196,204)');

        linearGradient.addColorStop(1,'rgb(182,215,221)');

        context.fillStyle = linearGradient;

        context.translate(300,300);

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

        context.fill();

        context.strokeStyle = '#fff';

        context.stroke();

    </script>

</body>

</html>


写回答

1回答

好帮手慕夭夭

2019-12-10

同学你好,效果实现正确。但是最后两行代码属于多余的,不需要,建议去掉。如下

http://img.mukewang.com/climg/5def52a009a5780205380217.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程