好玩又实用的查看函数图像网站Desmos
<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li>1. 前言</li><li>2. 使用介绍</li><ul class="second_class_ul"><li>2.1 主界面功能介绍</li><li>2.2 基本功能入门</li><ul class="third_class_ul"><li>2.2.1 基本函数绘制与计算</li><li>2.2.2 文件夹</li><li>2.2.3 列表</li><li>2.2.4 滑动变量（slider)</li><li>2.2.5 参数方程与极坐标</li><li>2.2.6 不等式</li><li>2.2.7 积分</li></ul></ul><li>3. 结语</li><ul class="second_class_ul"></ul></ul></div><p class="maodian"></p><h2>1. 前言</h2><p>笔者是个比较喜欢尝试新东西的人，最近找到一个好玩又好用的数学绘图网站。可用于数值计算，函数绘图（支持动态函数），几何绘图等等。在数学建模，论文函数绘制，动态展示函数变化等等方面可能会用到。所以，就来介绍一下这个网站。</p>
<p class="maodian"></p><h2>2. 使用介绍</h2>
<p>首先当然是贴出它的官网了：https://www.desmos.com/</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010042514.jpg" /></p>
<p>点击Start Graphing就可以开始了，<em>下面几个蓝色按钮是它的几个子功能，不用太关注</em>。</p>
<p class="maodian"></p><h3>2.1 主界面功能介绍</h3>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010042615.jpg" /></p>
<p>主要关注左边的空白区域，因为后续的操作几乎都是围绕着这片区域来完成。除此之外，可通过分享按钮来下载你绘制好的图像，问号按钮有相关的入门教程（****在youtube上，所以可能需要到科学上网）。</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010042716.jpg" /></p>
<p>点击侧边栏，可以看到该网站给我们很多模板，我们可以随便点击一个来看看效果，这里我打开了一个四阶多项式拟合：</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010042817.jpg" /></p>
<p>左边是整个绘制的核心。</p>
<p>首先是输入了散点的<code>x，y</code>坐标，然后第二栏中输入要拟合的表达式，在<code>desmos</code>中，~代表回归拟合的意思，拟合的参数有<code>a,b,c,d,f</code>。输入完成后，它会自动拟合并绘制图图像，然后将各参数显示出来。</p>
<p class="maodian"></p><h3>2.2 基本功能入门</h3>
<p class="maodian"></p><h4>2.2.1 基本函数绘制与计算</h4>
<p>新建一个绘图板。在第一栏中输入<math></math><semantics></semantics><mrow></mrow><mi></mi>f<mo></mo>(<mi></mi>x<mo></mo>)<mo></mo>=<mi></mi>s<mi></mi>i<mi></mi>n<mo></mo>(<mi></mi>x<mo></mo>)</annotation>f(x) = sin(x)f(x)=sin(x)。可以得到下图:</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010042918.jpg" /></p>
<p>如何获取函数在某点的值呢？有三种方式:</p>
<ul>
<li>鼠标点击图形获取，这个最简单，但是也最不精确。</li>
<li>通过子栏输入获取：</li>
</ul>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043019.jpg" /></p>
<ul>
<li>转换为表格获取，点击坐标面板的设置按钮，点击convert to table。得到下图:</li>
</ul>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043120.jpg" /></p>
<p>可在x轴中的任意位置插入<code>x</code>的值，它会自动给出结果。如我要知道<math></math><semantics></semantics><mrow></mrow><mi></mi>x<mo></mo>=<mi></mi>p<mi></mi>i<mi mathvariant="normal"></mi>，<mi></mi>f<mo></mo>(<mi></mi>x<mo></mo>)</annotation>x=pi，f(x)x=pi，f(x)等于多少。</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043221.jpg" /></p>
<p>另外，也可以增加列（增加其他函数），得到相同x值下的不同函数值:</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043322.jpg" /></p>
<p>在得到不同的函数值的同时，也得到了增加的函数的散点图。如何修改绘图样式呢？长按<math></math><semantics></semantics><mrow></mrow><mi></mi>c<mi></mi>o<mi></mi>s<mo></mo>(<mi></mi>x<mo></mo>)</annotation>cos(x)cos(x)左边绿色的图标，得到下图：</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043423.jpg" /></p>
<p>这里可以修改样式和颜色，具体的效果可以自己的尝试，我这里就把线也加上吧。</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043524.jpg" /></p>
<p>额外补充一点，该网站支持的函数集合可通过下图查看：</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043625.jpg" /></p>
<p class="maodian"></p><h4>2.2.2 文件夹</h4>
<p>当要绘制多个图形时，我们需要一种方式来管理多个图。好在<code>desmos</code>提供了文件夹管理方式，我们可以通过文件夹来一键隐藏/显示多个函数。使用方式如下:</p>
<ol>
<li>点击左上角的+号，新建一个文件夹</li>
<li>书写任意表达式，通过拖拽的方式把书写的表达式放进文件夹中。</li>
<li>点击文件夹坐标的图标就可以实现多个图形的同时隐藏和显示了</li>
</ol>
<p class="maodian"></p><h4>2.2.3 列表</h4>
<p>在<code>desmos</code>中，可定义列表来表达多个图形，定义方式如下:</p>
<p><code>a = </code></p>
<p>也可以通过步长来定义</p>
<p><code>a = </code> 默认步长1</p>
<p>或者<code>a=</code>推导出步长为5</p>
<p>然后可以像下图这样使用：</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043826.jpg" /></p>
<p>或者也可以同时画多个点：</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043927.jpg" /></p>
<p class="maodian"></p><h4>2.2.4 滑动变量（slider)</h4>
<p>在<code>desmos</code>中可定义滑动变量来绘制动态图像。</p>
<p>定义一个滑动变量很简单，只要记住一个规则：不要使用常用数学符号,<code>x,y,t,r</code>等。然后再书写表达式desmos会自动提示是否生成滑动变量。如：</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010043928.jpg" /></p>
<p>通过滑动滑杆或者点击播放，右侧的绘图区会绘制出动态图。（提示：点击播放后右侧有调速滑杆）。</p>
<p>下面展示一个高级点的：</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010044029.gif" /></p>
<p>是不是感觉很好玩勒。</p>
<p class="maodian"></p><h4>2.2.5 参数方程与极坐标</h4>
<p><code>desmos</code>也是支持参数方程，例如我们利用参数方程绘制一个圆形:</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010044130.jpg" /></p>
<p>再看看极坐标</p>
<p>在<code>desmos</code>中，极坐标以符号r和<math></math><semantics></semantics><mrow></mrow><mi></mi>θ</annotation>\thetaθ表示，画个四叶草？？？</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010044231.jpg" /></p>
<p>相当简单是吧。</p>
<p class="maodian"></p><h4>2.2.6 不等式</h4>
<p>讲解不等式之前，先说说如何在<code>desmos</code>中限制定义域或者值域。通过在大括号{}之间添加限制条件即可。如下:</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010044332.jpg" /></p>
<p>OK,知道了这一点，咱们再来看看使用不等式的使用方式。假设我要绘制一个这样的图形:</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021830105555166.jpg" /></p>
<p>那么这样写就画出来啦。</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010044634.jpg" /></p>
<p>(ps:高中的时候有一类求解极大极小值就是需要画图来做吧)</p>
<p class="maodian"></p><h4>2.2.7 积分</h4>
<p><code>desmos</code>支持积分计算，也支持变上（下）限函数。通过输入<code>int</code>自动添加积分符号，如：</p>
<p style="text-align: center"><img alt="" src="https://img.jbzj.com/file_images/article/202108/2021083010044735.jpg" /></p>
<p class="maodian"></p><h2>3. 结语</h2>
<p>嗯，<code>desmos</code>的基础入门就这样了吧，还有很多高级用法可以阅读它提供的模板和文档，当然也可观看<code>desmos</code>的官方教程。笔者觉得蛮好玩的就学习了一下，希望能够对你有所帮助。</p>
<p>到此这篇关于好玩又实用的查看函数图像网站Desmos的文章就介绍到这了,更多相关Desmos查看函数图像内容请搜索琼殿技术社区以前的文章或继续浏览下面的相关文章希望大家以后多多支持琼殿技术社区！</p>
<div class="art_xg">
<b>您可能感兴趣的文章:</b><ul><li>python机器学习高数篇之函数极限与导数</li><li>Python绘制三角函数图(sin\cos\tan)并标注特定范围的例子</li><li>Python 函数绘图及函数图像微分与积分</li><li>python/Matplotlib绘制复变函数图像教程</li><li>Python3使用Matplotlib 绘制精美的数学函数图形</li></ul>
</div>
</div>
<!--endmain-->
頁:
[1]