用html语言绘制正弦曲线,使用js画图之正弦曲线

数学式：y=Asin(ωx+φ)+k

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);

}

用html语言绘制正弦曲线,使用js画图之正弦曲线相关推荐

js画图开发库--mxgraph--[grid-网格.html]
js画图开发库--mxgraph--[grid-网格.html] 点击图形下方按钮:网格根据图形大小变化: <!--[if IE]><meta http-equiv=" ...
R语言绘制热图（其实是相关系数图）实践(二）corrplot包
目录前言 corrplot包简介语法和常用参数介绍函数语法参数介绍实践 summary 参考资料前言在我的上一篇的内容中(R语言绘制热图实践(一)pheatmap包 ),我以绘制相关系数 ...
R语言绘制不一样的韦恩图
image.png 韦恩图本来是不想说的,因为很简单,也有在线工具,然而还是有小伙伴询问如何制作韦恩图,那种韦恩图的元素大小用不同大小的圈表示,在线工具可以实现:http://www.biovenn. ...
R语言绘制陕西省地图并标出几家医院的位置
最近师姐问,能不能把几家医院的位置在陕西省地图上标注出来.今天查了一下资料,整合几位大佬的代码,整理出了用R语言绘制陕西省地图,并标注医院的方法.话不多说,上干活. 第一步,调用地图:我调用了百度地图 ...
R语言——绘制直方图
R语言--绘制直方图 R语言安装 Rstidio安装开始绘制直方图安装ggplot2包准备数据读取绘图数据调用包开始绘图完毕最近做项目,需要对实验数据绘制直方图,excel绘制之后发现 ...
R语言绘制不一样的条形图
绘制条形图的方法有很多,这里介绍如果用R语言绘制一个不一样的条形图准备数据,这里为了方便,我们使用已经存在于gcookbook包中的一个数据集首先需要调用该包,如果该包不存在,可以使用下面的方式安 ...
R语言绘制生存曲线图
R语言绘制生存曲线图 KMunicate是支持按照Morris等人的KMunicate研究推荐的方式生成Kaplan-Meier图. 1958年,Edward L. Kaplan 和Paul Meie ...
R语言绘制Bump Chart
R语言绘制Bump Chart的小示例 # install.packages("tidyverse") # install.packages("ggbump") ...
R语言绘制环形树状图
R语言绘制环形树状图 1.主要用到dendextend和circlize包绘图: library(dendextend) library(circlize)# 距离矩阵 d <- dist(US ...

用html语言绘制正弦曲线,使用js画图之正弦曲线

用html语言绘制正弦曲线,使用js画图之正弦曲线相关推荐

最新文章

热门文章