【Canvas】摆线模拟
摆线是轮上一点的轨迹,又称最快降速线。
先上图:
代码:
DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
<title>摆线模拟title>
<style type="text/css">
.centerlize{
margin:0 auto;
border:0px solid red;
width:1200px;height:550px;
}
style>
head>
<body onload="draw();">
<div class="centerlize">
<canvas id="myCanvas" width="1200px" height="550px" style="border:1px dashed black;">
出现文字表示您的浏览器尚不支持HTML5 Canvas
canvas>
div>
body>
html>
<script type="text/javascript">
script>
后记:
搞清楚时间是总量还是增量,程序就好写了,难度不大,懂得都懂,就不赘述了。
END