使用js画图之正弦曲线
2015-01-12 00:00
555 查看
数学式:y=Asin(ωx+φ)+k
样例:http://www.zhaojz.com.cn/demo/draw7.html
JS函数的声明:
样例: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); }
相关文章推荐
- 使用js画图之正弦曲线
- 【Qwt】详解Qwt安装、使用、示例(2D画图开发库:曲线、滚动条、仪表盘)
- 介绍一款使用html5画图的JS开源软件ichartjs
- 【Qwt】详解Qwt安装、使用、示例(2D画图开发库:曲线、滚动条、仪表盘)
- 使用js插件在前端页面上画图
- Chart.js图表工具 曲线图简单使用笔记
- JS画图,(矩形,曲线,圆 等)
- js基础(使用Canvas画图)
- C#中wpf使用Devexpress画图:柱状图,饼状图,散点图,曲线图
- 使用JS画图之点、线、面
- 介绍一款使用html5画图的JS开源软件ichartjs
- 使用JS画图之点、线、面
- 使用js画图之圆、弧、扇形
- 通过js使用动画曲线
- 【Qwt】详解Qwt安装、使用、示例(2D画图开发库:曲线、滚动条、仪表盘)
- 使用js画图之饼图
- Python使用matplotlib绘制正弦和余弦曲线的方法示例
- 【Qwt】详解Qwt安装、使用、示例(2D画图开发库:曲线、滚动条、仪表盘)
- 使用plot绘制正弦与与余弦函数曲线图实例代码