老师,看下有需要改进的吗
来源: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
同学你好,效果实现正确。但是最后两行代码属于多余的,不需要,建议去掉。如下
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题