`

2维函数绘图 html5版

 
阅读更多

 

 

 

<html>
	<head>
		<script type="text/javascript">
			//var cxt=document.getElementById(drawplane).getContext("2d");
			
			function plot(canvasid,fun,x1,x2,y1,y2){
				var cvs=document.getElementById(canvasid);
				var cxt=cvs.getContext('2d');
				
				var cvs_width=cvs.width;
				var x_width=x2-x1;
				var x_to_cvs_rate=cvs_width/x_width;
				
				var cvs_height=cvs.height;
				var y_height=y2-y1;
				var y_to_cvs_rate=cvs_height/y_height;
				
				//function cvs_to_x(left){
					//cvs_left
				//}
				
				//初始化绘图
				var cvs_top=0;
				var y=0;
				var cvs_left0=x1*x_to_cvs_rate;
				var cvs_left1=x2*x_to_cvs_rate;
				cxt.translate(-cvs_left0,cvs_height/2);
				cxt.scale(1,-1);
				var cvs_left0=x1*x_to_cvs_rate;
				var cvs_left1=x2*x_to_cvs_rate;
				for(var cvs_left=cvs_left0;cvs_left<=cvs_left1;cvs_left++){
						//计算
						x=cvs_left/x_to_cvs_rate;
						y=fun(x);
						cvs_top=y*y_to_cvs_rate;
						//绘图
						cxt.lineTo(cvs_left,cvs_top);
				}
				cxt.stroke();
			}
			
			function init(){
				plot("drawplane",Math.abs,-10,10,-1,1);
			}
			window.onload=init;
		</script>
	</head>
	<body>
		<canvas id="drawplane" style="border:solid 1px red"></canvas>
	</body>
</html>
 

 

 

 

 

 

 

 

 

 

 

 

分享到：
| 简单物理模拟
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    maple 隐函数作图

    首先，我们来看二维隐函数作图。在Maple中，`implicitplot`命令用于绘制隐函数图像。例如，要绘制单位圆，可以输入： ```maple with(plots): implicitplot(x^2+y^2=1, x=-1..1, y=-1..1); ``` 这个命令告诉Maple在...

    简易函数作图器

    5. **用户交互**：函数作图器通常包含丰富的用户交互功能，如改变函数表达式、调整坐标轴范围、切换颜色和线条样式等。这需要实现事件驱动编程，监听用户的键盘输入、鼠标点击等操作，并据此更新图形。 6. **实时...

    简单函数绘图语言解释器

    简单函数绘图语言解释器是一种计算机程序，它允许用户通过输入数学函数来绘制二维图形，如曲线、直线、抛物线等。这个程序是用古老的Visual C++ 6.0（简称VC6）编写的，这是一款经典的集成开发环境，尽管现在已经有...

    数学函数作图软件-作图器

    这些软件提供了丰富的功能，使得用户能够轻松地绘制一维和二维的数学函数曲线，甚至三维图形，从而更好地理解和探索复杂的数学概念。 在描述中提到的“非常灵活，使用方便，可以把图像保存起来以后再使用”，这是这...

    Intelligence-Computer_benchmark.rar_30维测试函数_Benchmark函数_benchmar

    智能计算，优化理论方面的23个测试函数中的典型四个benchmark函数，为了便于绘图显示，取2维，但代码可以扩展成10、30维的

    MATLAB.rar_MATLAB数据绘图_matlab 动画_二维函数绘图_曲线图 matlab_隐函数

    总的来说，MATLAB作为一款强大的科学计算工具，其数据绘图、隐函数处理、图形修饰和动画制作等功能为科研和教学提供了极大的便利。通过深入学习和实践，我们可以利用MATLAB创作出专业且直观的数据可视化作品。

    Visual Function 函数绘图工具

    函数绘图是数学和物理学习过程中的基础技能，Visual Function通过提供一个直观的界面，允许用户输入数学表达式，然后快速生成对应的二维或三维图形。这在解决复杂的数学问题、进行数据分析或教学演示时十分有用。...

    免费实用函数绘图 functiongraph

    只需在输入框中输入相应的数学公式，如 f(x) = x^2 + 2x - 3，点击绘制，即可在屏幕上看到对应的二维或三维函数图像，这无疑为探索数学世界打开了新的窗口。 FunctionGraph 的特点在于其灵活性和广泛性。它支持多种...

    unit.zip_matlab 三维空间_matlab 空间三维_二维函数

    例如，一个简单的二维函数可能是f(x, y) = x^2 + y^2。在MATLAB中，我们可以通过编写脚本来实现： ```matlab function z = myFunction(x, y) z = x.^2 + y.^2; end ``` 接下来，我们要创建一个网格，用于在x-y...

    函数绘图语言的解释器

    2. **表达式求值**：函数绘图语言通常涉及数学表达式的计算，需要实现一个能够处理加、减、乘、除以及更复杂数学运算的表达式求值器。 3. **坐标系统和图形绘制**：解释器需要能将计算结果映射到二维坐标系上，绘制...

    函数绘图软件

    在IT领域，函数绘图软件是一种非常实用的工具，它允许用户通过输入数学公式或函数来直观地绘制图形。这样的软件对于数学学习者、教师、科学家以及工程师来说尤其有价值，因为它们能帮助理解和分析复杂的数学关系。在...

    MATLAB中的三维绘图函数总结.pdf

    在MATLAB中，三维绘图是可视化数据的重要方式，它能帮助我们理解复杂的数据结构和函数关系。本文将总结MATLAB中的几个主要三维绘图函数，包括`mesh`、`surf`、`peaks`、`waterfall`、`meshc`、`surfc`以及`contour3`...

    MATLAB函数绘图.rar_MATLAB函数绘图

    首先，我们来看`Matlab绘图题2.m`这个文件，这很可能是一个MATLAB脚本，用于演示或练习函数绘图。MATLAB脚本通常包含了一系列命令，用于执行特定任务，如生成数据、定义函数、调用绘图函数等。在这个脚本中，可能...

    matlab3d隐函数绘图源程序

    在MATLAB中，3D隐函数绘图是一种高级的可视化技术，它允许用户根据数学方程式在三维空间中创建图形。这个"matlab3d隐函数绘图源程序"提供了强大的功能，帮助用户轻松地创建出精致的3D图形。下面我们将深入探讨这一...

    【matlab代码】二维sinc函数的图像

    二维Sinc函数是信号处理和数字图像处理领域中常见的数学函数，它在MATLAB中有着广泛的应用。本文将深入探讨二维Sinc函数的概念、MATLAB中的实现方式以及如何绘制其图像。 二维Sinc函数，也称为二维卡森函数，是单...

    可视化函数绘图计算器

    二维函数绘图是matplotlib的基本功能之一，通过设定x轴和y轴的范围，可以绘制出任何给定函数的图像。在本计算器中，用户可以输入函数表达式，程序将自动计算并显示对应的图像。这在教学和研究中非常有用，因为它能...

    Matlab关于隐函数绘图与求根的总结

    下面我们将介绍一个自定义的二维隐函数绘图函数`implot()`。 **1. `implot`函数简介** 该函数允许用户自定义函数句柄，包括匿名函数、内联函数以及M文件中的函数，并提供了对绘图范围和网格点数的控制。具体来说，...

    Python实现高斯函数的三维显示方法

    在网上查阅资料，发现很少用Python进行高斯函数的三维显示绘图的，原因可能是其图形显示太过怪异，没有MATLAB精细和直观。 回顾一下二维高斯公式： σ此处取3。 在MATLAB下的程序为： u=[-10:0.1:10]; v=[-10:0.1:...

    MATLAB函数大全(综合版)

    MATLAB 中的向量函数包括最小值函数、最大值函数、平均值函数、中位数函数、标准差函数、方差函数、差函数、排序函数、长度函数、欧氏长度函数、总和函数、总乘积函数、累计总和函数、累计总乘积函数、内积函数、外...

Magicbox
Global site tag (gtag.js) - Google Analytics