老师为什么下面的圆没显示
来源：7-2 编程练习
qq_慕瓜7049344
2020-08-25 17:18:07
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
canvas{background-color:lightblue;}
</style>
</head>
<body>
<canvas id="canvas" width="800px" height="800px">
您的浏览器不支持canvas
</canvas>
<script>
/**@type {HTMLCanvasElement}*/
var canvas=document.getElementById("canvas");
var xt=canvas.getContext("2d");
//在此处补充代码
xt.save();
xt.arc(300,300,200,0,Math.PI,true);
xt.clip();
xt.fillStyle='#90EE90';
xt.fillRect(100,100,200,200);
xt.fillStyle='#800080';
xt.fillRect(300,100,200,200);
xt.fillStyle='#FFA500';
xt.fillRect(100,300,200,200);
xt.fillStyle='#FFA500';
xt.fillRecte(300,300,200,200);
// xt.fill();
xt.restore();
</script>
</body>
</html>
1回答
-
好帮手慕慕子
2020-08-25
同学你好， 代码中存在的错误如下所示：
最后一个fillRect单词拼写有误，建议修改：
角度设置不对，建议修改：
可以调整最后一个部分的颜色为粉色，效果会更好。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题
回答 1
回答 2