用Desmos玩极坐标[适配手机端]
前言
数学给人的印象一直就是算算算,今天我们不算,我们只玩。
必备条件
①、“呆萌”软件——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玩极坐标[适配手机端]的更多相关文章
- CSS3及JS简单实现选项卡效果(适配手机端和pc端)
想要适配手机端和pc端,有几种简单的方法,本人使用的是百分比分配的方法. *{ padding: 0; margin: 0; } body,html{ width: 100%; height: 100 ...
- iPhone X 适配手机端 H5 页面通用解决方案
一:本文提供两种解决方案 1.终端解决方案(最优,建议选择) 2.web解决方案 导语: iPhone X的出现,一方面对于整个手机行业的发展极具创新领头羊的作用,另一方面也对现有业务的页面适配带来了 ...
- 适配手机端之 rem
(function() { var psdWidth = 1080, maxRem = 100, ch = document.documentElement.clientHeight || docum ...
- 适配手机端rpx像素
<script src="static/js/adaptive.js"></script> <script type="text/javas ...
- 手机端使用rem适配
最近一直在做手机端的东西,各种型号的手机适配很是无解.经过同事及百度找到了这么一个方法 html font-size默认100px 将rem进行换算1px==0.01rem; 页面在各个手机适配个别会 ...
- 手机端rem如何适配_rem详解及使用方法
什么是rem 在我看来,rem就是1rem单位就等于html节点fontsize的像素值.所以改变html节点的fontsize是最为关键的一步.根据手机宽度改变相对大小就可以实现自适应了,就不用什么 ...
- 关于手机端适配的问题(rem,页面缩放)
关于手机端适配的问题(rem,页面缩放) 96 进击的小前端 关注 2018.02.02 13:57 字数 320 阅读 19评论 0喜欢 0 相信很多和会和我碰到一样的情况,就是你用rem去写移动端 ...
- h5 手机端适配问题汇总
1.uc手机浏览器竟然没有 sessionstorage 醉了 2.opera 浏览器 能识别 a标签中href的 javascript:; 为网址 , 55555 3.safari 的弹框如 ...
- StarRTC , AndroidThings , 树莓派小车,公网环境,视频遥控(三)手机端
原文地址:http://blog.starrtc.com/?p=111 这篇来介绍一下整个项目的手机端部分.在上一篇里我们已经将sdk导入到项目中了,下边直接用即可. 1 登录StarRTC的服务跟小 ...
随机推荐
- Zipkin存储Sleuth信息实现调用链追踪的几种方法
版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/alva_xu/article/detail ...
- 玩转dockerfile
镜像的缓存特性 Docker 会缓存已有镜像的镜像层,构建新镜像时,如果某镜像层已经存在,就直接使用,无需重新创建. 举例说明.在前面的 Dockerfile 中添加一点新内容,往镜像中复制一个文件: ...
- Jquery+CSS实现遮罩效果
JavaScript: (function ($) { $.fn.ShowMask = function (options) { var defaults = { top: 150, left: 20 ...
- python Mock 示例
在Python3.x中,mock已经被集成到了unittest单元测试框架中,所以,可以直接使用. 可能你和我初次接触这个概念的时候会有这样的疑问:把要测的东西都模拟掉了还测试什么呢? 但在,实际生产 ...
- 换个语言学一下 Golang (6)——控制流程
Go语言的控制结构关键字只有if..else if..else ,for 和 switch. 而且在Go中,为了避免格式化战争,对程序结构做了统一的强制的规定.看下下面的例子. 请比较一下A程序和B程 ...
- 【面试突击】-Redis常见面试题(一)
介绍:Redis 是一个开源的使用 ANSI C 语言编写.遵守 BSD 协议.支持网络.可基于内存亦可持久化的日志型.Key-Value 数据库,并提供多种语言的 API的非关系型数据库. 传统数据 ...
- Swagger Liunx环境搭建(亲测百分百可用)
一.安装nodejs 下载编译好的nodejs安装包,下载地址: https://nodejs.org/dist/v10.10.0/ (作者下载的10.10.0,可根据自己需要下载不同版本) 将下载好 ...
- Maven的SNAPSHOT版本找不到
有时一个SNAPSHOT版本的包,明明打包部署到私服了,却还是报错找不到,比如: [WARNING] The POM for com.foo:bar:jar:0.4.0-20130404.093655 ...
- laravel项目中通过nvmw安装node.js和npm 开发环境-- windows版
windows版本安装 此教程执行的时候,网速一定要好.不然可能出现各种错误. 如果本文对你有用,请爱心点个赞,提高排名,帮助更多的人.谢谢大家!❤ git clone nvmw 直接从 githu ...
- QtCreator设置野火iMx6开发板提供的qt交叉编译套件
在Ubuntu18 QtCreator上添加野火iMx6开发板的Qt交叉编译环境PC:Ubuntu18.04QtCreator: 4.8.2交叉编译环境:野火提供的 5-编译工具链->qt交叉编 ...