使用js画图之正弦曲线
数学式:y=Asin(ωx+φ)+k
样例:http://www.zhaojz.com.cn/demo/draw7.html
JS函数的声明:
//画正弦曲线
//dot 原点
//amplitude 振幅 -- A
//initialPhase 初相 -- φ
//setover 偏距 -- k
//palstance 角速度 -- ω
//len 周期数
function drawSinusoid(dot, amplitude,initialPhase,palstance,setover, len, opts){
var color = opts&&opts.color?opts.color:"DarkRed"; //曲线的颜色
var max = len*2*Math.PI/w; //x的最大值
//var x = -2*Math.PI/w/3;
var x = 0; //x的初值
var pre = [dot[0]+x, dot[1]+(amplitude*Math.sin(palstance*x+initialPhase)+setover)]; //y的初值
for(;x < max;x+=5){ //每五个单位画一条线
var cur = [dot[0]+x, dot[1]+(amplitude*Math.sin(palstance*x+initialPhase)+setover)];
drawLine(pre, cur, {color: color}); // 画线
pre = cur;
}
var d = Math.PI/(2*w);
for(var x =0;x < max;x+=d){//描点
var cur = [dot[0]+x, dot[1]+(amplitude*Math.sin(palstance*x+initialPhase)+setover)];
drawPoint({
pw:3,ph:3,color:'DarkRed',point: cur
});
}
var pend = [dot[0]+max, dot[1]+(amplitude*Math.sin(palstance*max+initialPhase)+setover)];
drawPoint({
pw:3,ph:3,color:'DarkRed',point: pend
});
drawLine(pre, pend);
}
相关阅读:
C#更新SQLServer中TimeStamp字段(时间戳)的方法
php中smarty实现多模版网站的方法
css优先级计算方法(推荐)
Linux系统下Qt的基本安装和配置
PHP+jQuery实现自动补全功能源码
php微信开发接入
Win7开机总显示乱码的解决方法
Android实现EditText内容保存为Bitmap的方法
jQuery遍历json的方法(推荐)
Win10 Mobile预览版14385更新已修复与已知问题汇总
C#中WebBroeser控件用法实例教程
win7系统笔记本怎么把自动安装驱动改为手动模式?
JS简单循环遍历json数组的方法
不可忽视的 .NET 应用5大性能问题