小编use*_*369的帖子

制作一个移动的圆圈

一直在尝试用HTML工作,我还没有能够确定它.基本上,我想创建一个画布,然后在画布内部创建一个圆圈,从画布的边缘移动到画布的边缘.有什么建议?

编辑:

人们想要我到目前为止所拥有的东西,所以这里是:

<html> 
<head> 
<script type="text/javascript">   
function draw () {
    var canvas = document.getElementById('circle');
    if (canvas.getContext) {
      var context = canvas.getContext('2d');

      context.fillStyle = "rgb(150,29,28)";
      var startPoint = (Math.PI/180)*0;
      var endPoint = (Math.PI/180)*360;
      context.beginPath(); 
      context.arc(200,200,150,startPoint,endPoint,true);    
      context.fill();
   context.closePath(); 
      }
    }   
} 
</script>
</head>
<body onload="init();"> 
<canvas id="canvas" width="500" height="500"></canvas><br>

</body> 
</html>
Run Code Online (Sandbox Code Playgroud)

我不太确定如何在画布上画一个圆圈(我对它的实现仍然很不满)以及如何制作它,你知道,移动.我有一些如何旋转东西的例子,但不是真的如何移动它.对于那些经验不足的人来说很抱歉,我试图自己学习HTML,但是我所得到的这本书在这方面似乎并不是真正的描述,即使它应该教我HTML.

html javascript css canvas html5-canvas

2
推荐指数
1
解决办法
6032
查看次数

标签 统计

canvas ×1

css ×1

html ×1

html5-canvas ×1

javascript ×1