老师 您好 帮我看看效果吧

来源:5-2 编程练习

小虾虾小

2019-11-07 09:48:59

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>canvas渐变5-2</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(200,200,400,400);

        linearGradient.addColorStop(0,'orange');

        linearGradient.addColorStop(1,'blue');

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

        context.fillStyle = linearGradient;

        context.fill();

    </script>

</body>

</html>


写回答

1回答

好帮手慕夭夭

2019-11-07

你好同学,效果图中是3个颜色的渐变,建议参考如下再添加一个颜色。另外,最后一个蓝色改变天蓝色更好看:

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

祝学习愉快,望采纳。

0

0 学习 · 6815 问题

查看课程