手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >使用js画图之正弦曲线
使用js画图之正弦曲线
摘要:数学式:y=Asin(ωx+φ)+k样例:http://www.zhaojz.com.cn/demo/draw7.htmlJS函数的声明:复...

数学式: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"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);

}

【使用js画图之正弦曲线】相关文章:

nodejs实现获取某宝商品分类

脚本写的IE右键助手

javascript实现dom动态创建省市纵向列表菜单的方法

JavaScript检测字符串中是否含有html标签实现方法

使用Node.js处理前端代码文件的编码问题

javascript删除元素节点removeChild()用法实例

Jquery使用val方法读写value值

jquery使用经验小结

让焦点自动跳转

使用node+vue.js实现SPA应用

精品推荐
分类导航