用JS绘制正弦曲线
程序员文章站
2022-03-09 09:52:48
...
权当温习高中数学知识了。。。
正弦曲线的公式:y=Asin(ωx+φ)+k
x是x轴上的数值
y是y轴值
A振幅上下翻动的幅度。
(ωx+φ)相位,反映变量y所处的状态。
φ初相,x=0时的相位;反映在坐标系上则为图像的左右移动。
k偏距,反映在坐标系上则为图像的上移或下移。
ω角速度, 控制正弦周期(单位角度内震动的次数)。
例子很简单,就是让一张图片在屏幕上做一个正弦曲线的移动,代码如下
正弦曲线的公式:y=Asin(ωx+φ)+k
x是x轴上的数值
y是y轴值
A振幅上下翻动的幅度。
(ωx+φ)相位,反映变量y所处的状态。
φ初相,x=0时的相位;反映在坐标系上则为图像的左右移动。
k偏距,反映在坐标系上则为图像的上移或下移。
ω角速度, 控制正弦周期(单位角度内震动的次数)。
例子很简单,就是让一张图片在屏幕上做一个正弦曲线的移动,代码如下
$(function() { var x = 0; var y = 0; var tt = setInterval(scrollImg, 10); function scrollImg() { var top = Math.abs(Math.sin(x)*50 + 100); var left = y; $(".holder").find('img').each(function() { var $this = $(this); $(this).css({"margin-top" : top + "px", "margin-left" : y + "px"}); y = y + 1; x = (0.03) * y + 2; }); if (y > 800) clearInterval(tt); } });