前言

数学给人的印象一直就是算算算,今天我们不算,我们只玩。

必备条件

①、“呆萌”软件——Desmos

网址:https://www.desmos.com/calculator

现在已经有了电脑版和安卓版的,我还是喜欢用网页版,随时能将结果保存在云端。Desmos作为一款优秀的数学函数作图软件,可以绘制多种类型的二维函数图像,包括:显函数、隐函数、极坐标函数。

②、极坐标的简单知识:

用\(r\)表示极径\(\rho\),用\(\theta\)表示极角,在软件Desmos中,Desmos能够把除了字母\(x、y、r、θ、e、π\)以外的其它字母转变为“滑块”,实现了动态效果。\(r=r(θ)\)表示的是极坐标函数,当\(θ\)从\(0\)变化到\(2\pi\),得到的动态图形,正是极坐标图形的画图过程。

好了,可以开始了。

极坐标系下的各种常见曲线,只给个链接,知道你们不想看她。https://www.desmos.com/calculator/iasw7k105d

如果你喜欢画画,不妨看看大神用数学函数画的画。

document.getElementById("LTTP").style.height=document.getElementById("LTTP").scrollWidth*0.75+"px";

更多的[数学曲线画作],请自行参阅:https://www.desmos.com/art

特殊曲线

01-----玫瑰线

表达式:\(r=asin(k\theta)\),其中\(a,k\)都是参变数,

给个结果,你可以先看看。仿照着玩。

下图是\(a=9\),\(k\)从\(0\)到\(10\)的变换过程的图像。

document.getElementById("LTTP1").style.height=document.getElementById("LTTP1").scrollWidth*0.75+"px";

02----蝴蝶曲线

表达式:\(r=e^{cosθ}-2cos4θ+(sin\cfrac{\theta}{15})^2\),

document.getElementById("LTTP2").style.height=document.getElementById("LTTP2").scrollWidth*0.75+"px";

03----李萨如曲线

表达式之一:\((5sinat,5cosbt)\),其中\(a、b\)是参数,

document.getElementById("LTTP3").style.height=document.getElementById("LTTP3").scrollWidth*0.75+"px";

其他曲线

document.getElementById("LTTP4").style.height=document.getElementById("LTTP4").scrollWidth*0.75+"px";

3D功能

document.getElementById("LTTP5").style.height=document.getElementById("LTTP5").scrollWidth*0.75+"px";

document.getElementById("LTTP6").style.height=document.getElementById("LTTP6").scrollWidth*0.75+"px";

用Desmos玩极坐标[适配手机端]的更多相关文章

  1. CSS3及JS简单实现选项卡效果(适配手机端和pc端)

    想要适配手机端和pc端,有几种简单的方法,本人使用的是百分比分配的方法. *{ padding: 0; margin: 0; } body,html{ width: 100%; height: 100 ...

  2. iPhone X 适配手机端 H5 页面通用解决方案

    一:本文提供两种解决方案 1.终端解决方案(最优,建议选择) 2.web解决方案 导语: iPhone X的出现,一方面对于整个手机行业的发展极具创新领头羊的作用,另一方面也对现有业务的页面适配带来了 ...

  3. 适配手机端之 rem

    (function() { var psdWidth = 1080, maxRem = 100, ch = document.documentElement.clientHeight || docum ...

  4. 适配手机端rpx像素

    <script src="static/js/adaptive.js"></script> <script type="text/javas ...

  5. 手机端使用rem适配

    最近一直在做手机端的东西,各种型号的手机适配很是无解.经过同事及百度找到了这么一个方法 html font-size默认100px 将rem进行换算1px==0.01rem; 页面在各个手机适配个别会 ...

  6. 手机端rem如何适配_rem详解及使用方法

    什么是rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值.所以改变html节点的fontsize是最为关键的一步.根据手机宽度改变相对大小就可以实现自适应了,就不用什么 ...

  7. 关于手机端适配的问题(rem,页面缩放)

    关于手机端适配的问题(rem,页面缩放) 96 进击的小前端 关注 2018.02.02 13:57 字数 320 阅读 19评论 0喜欢 0 相信很多和会和我碰到一样的情况,就是你用rem去写移动端 ...

  8. h5 手机端适配问题汇总

    1.uc手机浏览器竟然没有 sessionstorage 醉了 2.opera 浏览器  能识别 a标签中href的  javascript:; 为网址  ,  55555 3.safari 的弹框如 ...

  9. StarRTC , AndroidThings , 树莓派小车,公网环境,视频遥控(三)手机端

    原文地址:http://blog.starrtc.com/?p=111 这篇来介绍一下整个项目的手机端部分.在上一篇里我们已经将sdk导入到项目中了,下边直接用即可. 1 登录StarRTC的服务跟小 ...

随机推荐

  1. 解决本地Bootstrap字体图标不可见的问题

    原文:https://www.jianshu.com/p/70ac459d33e7 作为Bootstrap的初学者,我最近遇到了一个问题:在使用Bootstrap字体图标时,图标不可见.使用代码如下: ...

  2. Laravel 5.5 发布,ThinkSNS+ 升级及状况分享

    升级场景 ThinkSNS+ 一直依赖,都是保留 Laravel 的 commit 记录的前提下,进行开发,为了追随 Laravel 的升级,我们在本地的仓库中新建了一个分支,如果 laravel 更 ...

  3. hexo更改主题

    github+hexo搭建好个人博客之后,一般都挑选自己喜欢的主题.在这里为大家介绍一下比如何挑选主题以及如何修改主题. 主题选择: 1:知乎推荐 2:hexo官方 本地目录中打开git bash: ...

  4. 1+X证书学习日志——javascript基础

    js javascript js的组成: ECMAscript DOM BOM js放置的位置 <script></script> <script src="路 ...

  5. vscode+phpstudy构建php调试环境

    由于vs code开源和跨平台,而且插件很多,所以打算以后编写和调试php都用vs code. 配置vs code+phpstudy的php调试环境步骤如下: 1.配置phpstudy,其他选项菜单- ...

  6. 单词dyamaund钻石dyamaund英语

    dyamaund  英文词汇,中文翻译为金刚石的;镶钻;用钻石装饰 中文名:镶钻;钻石装饰 外文名:dyamaund 目录 释义 dyamaund 读音:[?da??m?nd, ?da?m?nd] ...

  7. window.requestAnimationFrame()的使用,处理更流畅的动画效果

    https://blog.csdn.net/w2765006513/article/details/53843169 window.requestAnimationFrame()的使用 2016年12 ...

  8. PHP实现微信对账单处理

    最近要做支付对账,即检查第三方支付与数据库中账单是否一一对应,涉及到微信对账单的处理,成功时,微信账单接口返回数据以文本表格的方式返回,第一行为表头,后面各行为对应的字段内容,字段内容跟查询订单或退款 ...

  9. Spring AOP无法拦截内部方法调用

    当在同一个类中,A方法调用B方法时,AOP无法工作的问题 假设一个接口里面有两个方法: package demo.long; public interface CustomerService { pu ...

  10. Mac系统安装JDK

    MAC 安装 JDK: 这篇文章主要为在MAC苹果系统下安装JDK1.8并配置系统环境变量. 主要分为以下步骤: 到Oracle官网下载JDK1.8安装包. 打开获取到的安装包按步骤安装到系统上. 配 ...