当前位置: 首页 > Web前端 > HTML5

用拉斐尔做一个简单的时钟

时间:2023-04-05 13:45:10 HTML5

最外面的黑色圆弧代表时针,中间的圆弧代表分针,最里面的圆弧代表秒针。我们需要根据现在有多少时间来计算需要绘制多少弧长。三个圆弧只是半径,颜色不同。就封装一个函数,然后每秒执行一次这个函数来画圆弧。上一篇已经讲过画弧操作了。svg的路径,这里就不多唠叨了。这里主要的解决办法是,如果每秒都画,就会有很多条路径堆积起来。这样画是不可能的。如何第一次画好图,以后不画才修改数据。文档