HTML画空心圆

最新推荐文章于 2023-04-06 17:07:57 发布

牛奶爱上了咖啡

最新推荐文章于 2023-04-06 17:07:57 发布

阅读量9.8k

点赞数

本文链接：https://blog.csdn.net/xunannan0624/article/details/52829259

版权

这篇博客展示了如何利用HTML、CSS和JavaScript实现空心圆的动态绘制。通过JavaScript函数`emptyCircle`，结合数学计算，动态创建并定位`span`元素来形成空心圆的轮廓。用户可以通过点击按钮触发画圆过程。

摘要由CSDN通过智能技术生成

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
span{position:absolute; color: red}/*设置颜色*/

</style>
<script type="text/javascript">

//画空心圆/
function emptyCircle(){
// 函数名半径，圆心:x,y 画多少度,每个多少毫秒调用一次
setInterval('showEmptyCircle(100,800,200,360)','20');
}
var i=0;//角度
var pi=Math.PI;//3.14
</