大概是不是这样的
来源：5-7 编程练习
青旗
2020-10-14 00:53:51
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
canvas {
border: 1px solid red;
}
</style>
</head>
<body>
<canvas id="canvas" width="600" height="600"></canvas>
<script>
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
//在此处补充代码
var ctx = context.createRadialGradient(400, 200, 0, 200, 200, 200);
ctx.addColorStop(0, 'skyblue');
ctx.addColorStop(0.2, 'orange');
ctx.addColorStop(1, 'skyblue');
context.fillStyle = ctx;
context.arc(200, 200, 200, 0, 2 * Math.PI * 2)
context.fill()
</script>
</script>
</body>
</html>
1回答
-
好帮手慕星星
2020-10-14
同学你好，这样绘制可以，建议颜色设置基本和效果图一致，参考修改：
给canvas添加背景色
自己测试下，祝学习愉快！
0
相似问题
回答 1
回答 1