JavaScript绘制sin正弦函数曲线源码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > bootstrap > JavaScript绘制sin正弦函数曲线源码下载

本章节分享一段代码实例，它使用js实现了sin正弦函数曲线图的绘制。

这里只分享代码，不对代码做太多的介绍，有兴趣的朋友可以分析研究一下。

代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<style type="text/css"> 
#canvas{ 
  background-color:green; 
} 
</style> 
<script type="text/javascript"> 
function draw(){ 
  var my_canvas=document.getElementById("canvas"); 
  var content=my_canvas.getContext("2d"); 
  content.beginPath(); 
  content.moveTo(10,100); 
  for(var i=1;i<200;i+=0.1){ 
    var x=i * 10; 
    var y = Math.sin( i ) * 10 + 100; 
    content.lineTo( x, y ); 
  } 
  content.stroke(); 
  content.closePath(); 
} 
window.onload=function(){
  draw();
}
</script> 
</head> 
<body> 
<canvas id = "canvas" width="400" height="400"></canvas> 
</body> 
</html>

代码描述：JavaScript绘制 sin正弦函数曲线。JavaScript绘制sin正弦函数曲线源码下载

下载全部收藏

115 153

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册