<!DOCTYPE html> <html> <head> <title>js画正弦函数图</title> <style type="text/css"> *{ margin:0; padding: 0; } .painter{ position: absolute; top:50%; width:1px; height: 1px; background-color: red; } </style> </head> <body> <div class="painter"></div> <script type="text/javascript"> var oDiv = document.getElementsByTagName("div")[0]; var a_top = oDiv.offsetTop; for (var i = 0 ; i < 1000; i++) { var temp = document.createElement("div"); temp.classList.add("painter"); temp.style.left = i+"px"; temp.style.top = 100*Math.sin(i/30)+a_top+"px"; document.body.appendChild(temp); }; </script> </body> </html>
图是用div画的,每个div都是1像素宽高+颜色,设置绝对定位,然后用Math的sin方法算出坐标,按照坐标设置div的位置即可