JavaScript 数学曲线—心形线
2021/11/22 9:10:04
本文主要是介绍JavaScript 数学曲线—心形线,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
引子
继双角线,接着尝试心形线(Cardioid)。
- Origin
- My GitHub
简介
Cardioid 是 Castillon 在 1741 年《Philosophical Transactions of the Royal Societyin》的一篇论文中首次使用的名称,它是一条曲线,是圆周上一点绕着半径相等的圆的圆周旋转所形成的轨迹。
在笛卡尔坐标系中公式描述:
其中 a 为常数。
绘制
参数化转换:
这是示例,绘制主要逻辑代码:
function draw() { let a = 40, start = 0; let x = 0, y = 0, points = []; const acceleration = 0.1, max = 40; while (start <= max) { const cal = 2 * start; x = a * (2 * Math.cos(start) - Math.cos(cal)); y = a * (2 * Math.sin(start) - Math.sin(cal)); points.push([x, y]); start = start + acceleration; } // 实现把点绘制成线的方法 line({ points: points}); }
参考资料
- Cardioid Curves
- Cardioid Wolfram
这篇关于JavaScript 数学曲线—心形线的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-05小米13T Pro系统合集:性能与摄影的极致融合,值得你升级的系统ROM
- 2024-10-01基于Python+Vue开发的医院门诊预约挂号系统
- 2024-10-01基于Python+Vue开发的旅游景区管理系统
- 2024-10-01RestfulAPI入门指南:打造简单易懂的API接口
- 2024-10-01初学者指南:了解和使用Server Action
- 2024-10-01Server Component入门指南:搭建与配置详解
- 2024-10-01React 中使用 useRequest 实现数据请求
- 2024-10-01使用 golang 将ETH账户的资产平均分散到其他账户
- 2024-10-01JWT用户校验课程:从入门到实践
- 2024-10-01Server Component课程入门指南