时针和分针没有画出来
来源：4-10 编程练习
unbreakable_全栈
2020-09-27 11:42:19
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>案例</title>
<style>
canvas {
background-color: lightblue;
}
</style>
</head>
<body>
<canvas id="canvas" width="600px" height="600px">您的浏览器不支持</canvas>
<script>
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
//在此处编写代码
context.translate(300, 300)
context.arc(0, 0, 50, 0, Math.PI * 2, true)
context.fillStyle = 'pink'
// context.save()
for (var i = 0; i < 4; i++) {
context.rotate(Math.PI / 2)
context.moveTo(40, 0)
context.lineTo(50, 0)
}
context.save()
context.moveTo(300, 300)
context.lineTo(320, 30)
context.strokeStyle = 'blue'
context.stroke()
context.restore()
context.fill()
context.stroke()
</script>
</body>
</html>
1回答
-
同学你好，分针和时针的实现，可以参考下方：
祝学习愉快~
0
相似问题