使用js画图之正弦曲线
JS 使用 画图
2023-06-13 09:15:40 时间
数学式:y=Asin(ωx+φ)+k
样例:http://www.zhaojz.com.cn/demo/draw7.html
JS函数的声明:
//画正弦曲线
//dot原点
//amplitude 振幅--A
//initialPhase初相--φ
//setover偏距--k
//palstance角速度--ω
//len周期数
functiondrawSinusoid(dot,amplitude,initialPhase,palstance,setover,len,opts){
varcolor=opts&&opts.color?opts.color:"DarkRed";//曲线的颜色
varmax=len*2*Math.PI/w;//x的最大值
//varx=-2*Math.PI/w/3;
varx=0;//x的初值
varpre=[dot[0]+x,dot[1]+(amplitude*Math.sin(palstance*x+initialPhase)+setover)];//y的初值
for(;x<max;x+=5){//每五个单位画一条线
varcur=[dot[0]+x,dot[1]+(amplitude*Math.sin(palstance*x+initialPhase)+setover)];
drawLine(pre,cur,{color:color});//画线
pre=cur;
}
vard=Math.PI/(2*w);
for(varx=0;x<max;x+=d){//描点
varcur=[dot[0]+x,dot[1]+(amplitude*Math.sin(palstance*x+initialPhase)+setover)];
drawPoint({
pw:3,ph:3,color:"DarkRed",point:cur
});
}
varpend=[dot[0]+max,dot[1]+(amplitude*Math.sin(palstance*max+initialPhase)+setover)];
drawPoint({
pw:3,ph:3,color:"DarkRed",point:pend
});
drawLine(pre,pend);
}
相关文章
- Fabric.js 使用纯色遮挡画布(前景色)
- js书写原生ajax,JS 原生ajax写法
- 使用 Dapr JS SDK 让 Nest.js 集成 Dapr(微软开源的分布式应用程序运行时)
- 常见的js手写题,你能写出来几道
- Node.js前端如何使用反向代理解决跨域
- js中的输入框
- js实现旋转的图片详解编程语言
- JS cssText属性的使用
- 使用 Node.js 构建交互式命令行工具
- 使用JS实现Redis数据读取(js读取redis)
- 使用 JS 操作 Redis:实现强大数据存储.(js调用redis)
- 使用JS控制Oracle数据库的更新(js控制oracle更新)
- Oracle中使用JS变量管理数据(oracle使用js变量)
- JS代码混淆初步
- js禁用和激活input表单的方法
- ASP中进行HTML数据及JS数据编码函数
- 限制textbox或textarea输入字符长度的JS代码
- JS实现一键回顶功能示例代码
- JS复制内容到剪切板的实例代码(兼容IE与火狐)
- 使用js判断控件是否获得焦点
- 网站内容禁止复制和粘贴、另存为的js代码
- js调试系列断点与动态调试[基础篇]
- node.js中的console.timeEnd方法使用说明
- node.js中的events.emitter.listeners方法使用说明
- node.js中的http.request方法使用说明
- node.js中使用socket.io制作命名空间
- 了不起的node.js读书笔记之mongodb数据库交互
- js使用正则实现ReplaceAll全部替换的方法