JavaScript 数学曲线—星形线

最新推荐文章于 2022-08-28 22:00:00 发布
最新推荐文章于 2022-08-28 22:00:00 发布
阅读量872 收藏
点赞数
分类专栏： JavaScript 数学曲线 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011194386/article/details/121201640
版权

引子

继连锁螺线，接着尝试星形线（Astroid）。

简介

88-1

Johann Bernoulli 在 1691-1692 年首次讨论了星形线。它也出现在 Leibniz 1715 年的信件中。它有时被称为四尖瓣，很明显因为它有四个尖。

Astroid 直到 1836 年才在维也纳出版的一本书中获得了现在的名称。即使在 1836 年以后，文献中也出现了各种名称，包括 cubocycloid 和 paracycle 。

在笛卡尔坐标系中公式描述：

88-2

其中 a 为常数。

绘制

参数化转换：

最低0.47元/天 解锁文章
_XXHolic_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript绘制曲线、圆形饼图实例
10-27
JavaScript绘制曲线、圆形饼图实例 本资源是关于使用JavaScript绘制曲线和圆形饼图的实例。该实例使用HTML、JavaScript和CSS技术来实现曲线和圆形饼图的绘制。 知识点1:JavaScript绘制曲线 JavaScript可以使用 ...
函数知识之星形线
weixin_44882026的博客
11-11 3455
星形线
Flash 与数学：星形线
夏天的树人的专栏
04-11 4982
       今晚我们来玩玩这种线绘制，星形线。 在大学的里面解析几何当中，把这种曲线叫做四尖点星形线。由于它的形状如星星 称上这个名称也不无道理，看到这种线的时候，你是否会许个愿望呢？一起来吧 星形线公式：   x=a*cos3A   y=a*sin3A     公式很简单，A的角度可以是正无穷 和负无穷之间，（a可以理解为半径） 但是我的做法，理解他为0
使用Mathematica绘制星形线（Astroid）
预见未来to50的专栏
05-08 7405
“星形线是内摆线的一种。星形线（astroid）或称为四尖瓣线（tetracuspid），是一个有四个尖点的内摆线，也属于超椭圆的一种。直角坐标方程：x^2/3+y^2/3=a^2/3， 参数方程：x=a*(cost)^3,y=a*(sint)^3 （t为参数）”"内摆线，指的是一个动圆内切于一个定圆作无滑动的滚动，动圆圆周上一个定点的轨迹。它与摆线相当，但是它不是在线上做纯滚动的圆，而是在大圆内...
用Geogebra绘制一种五角星形曲线
stereohomology
05-22 9935
实际上类似的曲线可以做很多，参考Benice的博客（或者此处上一篇博客转发的少量图片），但是这个五角星形状的曲线比较简单。 我从来只是把网络上BBS或博客之类的写的东西当作一种消遣而不是研究，所以，不能指望对文字内容从语法上严格推敲，除非很有兴趣也不太可能过问对我来说太艰涩繁复又非自己必须做的事情。——除非有合法而可观的佣金 圆圆相切的情况下谋点运动轨迹的描述，通过调整参数
matlab绘制星形线并求面积,利用曲线积分，求下列曲线所围成的图形的面积： （1)星形线x=acos3t，y=asin3t，0≤t...
weixin_36270006的博客
04-04 1769
在含有Ag＋的酸性溶液中，以铁铵矾NH4Fe(SO4)2作指示剂，用KSCN的标准溶液滴定Ag＋．已知：AgSCN(白色s)？Ag＋＋SCN－下列离子能在pH=11的溶液中大量共存的是()A．K＋、NO3－、Na＋、OH－B．CO32－、K＋、Cl－、Ca2＋C．H＋、Ba2＋、Cl－、SO42－D．K＋影子银行是指游离于银行监管体系之外、可能引发系统性风险和监管套利等问题的信用中介体系，它具有(...
JavaScript实现的贝塞尔曲线算法简单示例
11-26
本文实例讲述了JavaScript实现的贝塞尔曲线算法。分享给大家供大家参考，具体如下： 如果在HTML5支持好的浏览器中，可以看到用svg绘制的路径线。 在所有浏览器中，均可以看到一个小方块沿着贝塞尔曲线路径来回运动。...
JavaScript实现沿五角星形线摆动的小圆实例详解
10-15
本文将详细讲解如何使用JavaScript实现沿特定路径摆动的小圆动画，以五角星形线为例，同时探讨如何改变路径生成不同形状的动画效果。 首先，我们要了解五角星形线的笛卡尔坐标方程式，它由公式 `r=10+(3*sin(θ*2.5...
Javascript 绘制 sin 曲线过程附图
10-25
主要介绍了Javascript 绘制 sin 曲线过程,需要的朋友可以参考下
高数15种常见特殊曲线：星形线、心形线、摆线、对数螺线、双曲螺线、阿基米德螺线、伯努利双纽线、三叶玫瑰线、四叶玫瑰线、六叶玫瑰线、三次抛物线、半立方抛物线、箕舌线、蔓叶线、笛卡儿叶形线、概率曲线
刘鑫磊
08-28 1万+
4.1 对数螺线（等角螺线、生长螺线）三叶玫瑰线、四叶玫瑰线、六叶玫瑰线。​7.2 半立方抛物线（尼尔曲线）10.笛卡儿叶形线（茉莉花瓣曲线）常考选择题、填空题，大题也涉及。​4.2 双曲螺线（倒数螺线）11.阿基米德螺线（等速螺线）3.摆线（圆滚线、旋轮线）5.双纽线（伯努利双纽线）1.星形线（四尖瓣线）2.心形线（心脏线）..................
各二维图形（心脏形，星形线）
01-16
学习如何利用C# 进行心形线 星形线描绘。可以了解基本图形的画法。
星形线再回顾--切线（点）构成曲线
aaajj的专栏
01-31 2482
在之前的星形线探索中， 【深度学习导数回顾】滑竿问题--导数求极值--星形线 【深度学习导数回顾】滑竿问题--导数求极值--星形线_aaajj的专栏-CSDN博客 我们了解到，星形线的方程可以描述为参数方程， y=(cost)^3 x=(sint)^3 这里，星形线可以看成是滑竿滑过面积的边界，滑竿（直线）是星形线的切线么？ 我们从曲线方程来进行反推。 星形线上一点p，其切线为 y = ax + b 其中 a为斜率， 即a = dy/dx = (dy/dt) ...
画星形线
with-_-的博客
04-14 3750
# Import the module for plotting # _*_ coding:utf-8 _*_ import numpy as np import matplotlib.pyplot as plt if __name__ == '__main__': a = 1 t = np.linspace(-5, 5, num=1000) x = a * np.po...
星形线参数方程
热门推荐
weixin_44116718的博客
11-25 1万+
星形线是内摆线的一种。
考研数学——Python绘制极坐标图，画笛卡尔心形线、玫瑰线、阿基米德螺线、伯努利双纽线（加深图像理解）
zhr1030635594的博客
04-17 1万+
《张宇基础30讲》第一讲的几张极坐标图象，这里用Python来实现一下，加深理解，并学习绘制极坐标图像。 1.笛卡尔心形线 公式： import numpy as np import matplotlib.pyplot as plt # 心形线 a = 1 theta = np.linspace(0, 2*np.pi, 1000) r = a*(1 - np.cos(theta)) p...
数学图形(1.14) 十字星形线
weixin_34375054的博客
07-07 884
最先对星形线进行研究是Johann Bernouli。星形线由于有四个尖端，所以有时也被称为四尖内摆线(tetracuspid)。星形线于1836年被正式定名，首次出现在正式出版的图书（出版于维也纳）中。星形线还有许多有趣的名称：cubocycloid和paracycle。若星形线上某一点切线为T，则其斜率为tan(p)，其中p为极坐标中的参数。相应的切线方程为T: x*sin(p)+y*cos(...
调试经验——使用Excel绘制星形曲线r(t)=((cost)^3)i+((sint)^3)j的图形
预见未来to50的专栏
04-24 1541
今天亲身体验了参数方程的好处。“用参数方程描述运动规律时，常常比用普通方程更为直接简便。对于解决求最大射程、最大高度、飞行时间或轨迹等一系列问题都比较理想。有些重要但较复杂的曲线（例如圆的渐开线），建立它们的普通方程比较困难，甚至不可能，列出的方程既复杂又不易理解，如圆的渐开线的普通方程。根据一般方程画出曲线十分费时；而利用参数方程把两个变量x，y间接地联系起来，常常比较容易，方程简单明确，且画图...
前端实现笛卡尔心形曲线
最新发布
06-08
要在前端实现笛卡尔心形曲线，可以使用 HTML5 的 canvas 标签和 JavaScript 代码实现。 首先，在 HTML 中创建一个 canvas 标签： ```html <canvas id="myCanvas" width="500" height="500"></canvas> ``` 然后，在 JavaScript 中获取该 canvas 标签，并初始化画布： ```javascript var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ``` 接着，编写函数绘制笛卡尔心形曲线： ```javascript function drawHeart() { var x, y; ctx.beginPath(); for (var t = 0; t <= Math.PI * 2; t += 0.01) { x = 16 * Math.pow(Math.sin(t), 3); y = 13 * Math.cos(t) - 5 * Math.cos(2 * t) - 2 * Math.cos(3 * t) - Math.cos(4 * t); ctx.lineTo(x, -y); // 坐标系y轴向下为正，需要取负号 } ctx.closePath(); ctx.strokeStyle = "red"; ctx.stroke(); } ``` 最后，在页面加载完成后调用该函数即可： ```javascript window.onload = function() { drawHeart(); }; ``` 这样就可以在 canvas 中绘制出笛卡尔心形曲线了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值