1. 从一道“画心”题说起为什么大家总在搜这个公式我第一次被问到“笛卡尔心形函数表达式”是在一个技术社群里。有人发了一张图用散点画了个歪歪扭扭的爱心配文是“送对象的但形状不太对”。底下跟了一串回复有人贴出r a(1 - sinθ)有人说“不对应该是r a(1 cosθ)”还有人甩了个直角坐标的隐函数(x² y² - 1)³ x²y³。吵了半小时最后也没统一——因为大家说的其实是不同的心形线只是都叫“心形函数”。这件事很典型。心形线在数学上不是一个单一对象它至少有三套常见表达极坐标方程、参数方程、直角坐标方程。每套写法画出来的“心”胖瘦不同、朝向不同、尖角位置也不同。你搜到的公式如果直接抄进代码很可能画出来是个倒着的、歪着的、或者干脆像个屁股的形状。所以这篇东西不打算只丢一个公式给你。我会把这几套表达式的来龙去脉、参数怎么调、代码怎么落地、以及实际画图时踩过的坑一条条拆开讲。适合三类人看想用代码画图送人的开发者、正在学极坐标和参数方程的学生、以及单纯好奇“这玩意儿到底怎么推出来”的数学爱好者。哪怕你只记得住一个公式看完至少知道该记哪个、为什么。2. 心形线到底是什么三套坐标系里的同一颗心2.1 极坐标方程最出名的那条r a(1 - sinθ)极坐标下的心形线标准形式是r a(1 - sinθ)其中a是控制大小的正数θ从 0 扫到 2π。这个式子在很多教材里被当作“心形线”的默认定义原因很简单它画出来的形状最像大家认知里的爱心——上面两个圆润的凸起下面收成一个尖。为什么是1 - sinθ而不是1 sinθ这决定了心的朝向。sinθ在 θ π/2也就是正上方取最大值 1所以1 - sinθ在正上方取最小值 0意味着曲线在正上方“凹进去”形成心形顶部的凹陷。反过来1 sinθ会让凹陷出现在正下方画出来是个倒心。同理把sinθ换成cosθ心就会朝左或朝右躺。r a(1 - cosθ)的凹陷在正右方θ 0 处 cosθ 1r 0所以心尖朝右。这几个变体没有对错只看你想要什么朝向。这里有个容易被忽略的点a不只是“放大缩小”。当a变化时整个心是等比缩放的形状不变。但如果你写成r a(1 - sinθ) b这种形式形状就会变形——b会把凹陷填平甚至凸出来。我试过b 0.3a画出来像个圆润的桃子完全不是心了。所以想保持心形别乱加常数项。2.2 参数方程更适合编程绘制的写法极坐标方程虽然简洁但在代码里直接用它画图有个麻烦r和θ的关系需要转成x, y才能落到画布上。转换公式是x r · cosθ y r · sinθ把r a(1 - sinθ)代进去就得到参数方程x a(1 - sinθ) · cosθ y a(1 - sinθ) · sinθ这就是编程时最常用的形式。θ 作为参数从 0 到 2π 采样每个 θ 算出一对 (x, y)连起来就是心形。采样点越多曲线越平滑。我一般用 1000 个点肉眼已经看不出折线感如果要做高分辨率导出会加到 5000 个点。参数方程的好处是不依赖极坐标转换库。很多绘图环境比如某些前端 Canvas 库、嵌入式屏幕驱动只认直角坐标你直接喂参数方程最省事。而且参数方程天然支持“只画一半”——比如 θ 从 0 到 π 只画上半部分做动画时很方便。2.3 直角坐标方程那个看起来很唬人的隐函数网上流传最广的“笛卡尔心形函数”其实是这个(x² y² - 1)³ x²y³第一次看到的人多半会愣一下这什么鬼展开也不好看求导更麻烦。但它确实能画出心形而且不需要极坐标转换直接给 x 求 y 就行虽然要解三次方程。这个式子的来源和极坐标形式有关。把r 1 - sinθ两边乘以 r得到r² r - r·sinθ而r² x² y²r·sinθ y所以x² y² √(x² y²) - y。再经过一系列代数变形两边平方、整理就能得到上面那个隐函数形式。具体推导过程涉及消去根号中间会产生增根所以这个隐函数画出来的心和极坐标形式并不完全等价——它在某些区域会多出一些孤立的点或小环。实际用的时候这个式子更适合“隐函数绘图”工具比如某些数学软件里的implicitplot。如果你用 Python 的 matplotlib直接画这个隐函数需要网格化后做等高线代码量比参数方程大得多。所以我的建议是除非题目明确要求直角坐标形式否则优先用参数方程。2.4 三套表达式的对比与选型表达式类型具体形式优点缺点适用场景极坐标方程r a(1 - sinθ)最简洁数学含义清晰需转直角坐标才能绘图数学推导、教学演示参数方程x a(1-sinθ)cosθ, y a(1-sinθ)sinθ直接可绘图采样灵活公式稍长编程绘图、动画直角坐标方程(x²y²-1)³ x²y³不依赖参数纯代数求解麻烦有增根隐函数绘图、数学题选哪个取决于你的下游工具。做网页动画参数方程最顺写数学作业极坐标形式最容易被接受用某些科学计算软件画隐函数直角坐标形式反而最直接。3. 参数怎么调让心形胖瘦高矮随你心意3.1 缩放系数a的作用与取值a是最直观的参数。在r a(1 - sinθ)里a直接决定心的整体尺寸。a 1时心的宽度大约是 2从 x -1 到 x 1 附近高度也是 2 左右。如果你要在 800×600 的画布上画a取 200 左右比较合适留出边距。但a不能取负数。a为负时r会变成负值极坐标里负半径意味着点画在反方向整个心会旋转 180 度。虽然也能看但没必要想要反向直接改sin的符号就行。还有一个细节a影响的是“半径尺度”但心的长宽比是固定的。标准心形线的高宽比大约是 1.3:1偏瘦。如果你想要更圆润的胖心需要改公式结构比如把1 - sinθ换成1 - 0.8sinθ这样凹陷变浅心会变胖。我试过0.6到1.0之间的系数0.8左右最像“卡通爱心”1.0是标准数学心形1.2以上会变得又瘦又尖像水滴。3.2 朝向控制上下左右怎么转朝向由三角函数项决定。总结成一张表公式心尖朝向凹陷位置r a(1 - sinθ)正下方正上方r a(1 sinθ)正上方正下方r a(1 - cosθ)正左方正右方r a(1 cosθ)正右方正左方如果你想要斜着的心比如尖朝左下 45 度可以把sinθ换成sin(θ - π/4)。原理是相位平移θ - π/4让最大值出现在 θ 3π/4 处凹陷就转到了那个方向。这个技巧在做动画时特别有用——让相位随时间变化心就会旋转。3.3 变形技巧从标准心到“胖心”“瘦心”“歪心”标准心形线有时候太“数学”了不够可爱。我常用的几种变形胖心r a(1 - 0.7sinθ)。凹陷变浅整体更圆。适合做图标。瘦长心r a(1 - 1.3sinθ)。凹陷加深心尖拉长。适合做书签形状。歪心r a(1 - sinθ) b·cos(2θ)。加一个二次谐波会让心的一侧鼓起来。b取0.1a左右就有明显的不对称感像手绘的。带内环的心这个稍微复杂需要把r写成a(1 - sinθ) · (1 c·sin(nθ))的形式n取整数。n 2时会在心内部产生一个小环像同心心。不过这个已经偏离标准心形线了属于“基于心形的创作”。注意变形公式没有统一标准上面这些是我自己试出来的经验值。你可以从标准形式出发每次只改一个参数观察形状变化找到自己满意的效果。4. 代码落地从公式到屏幕上的那颗心4.1 Python Matplotlib 完整实现这是我最常用的方案适合快速验证和导出图片。import numpy as np import matplotlib.pyplot as plt # 参数设置 a 1.0 theta np.linspace(0, 2 * np.pi, 1000) # 参数方程 x a * (1 - np.sin(theta)) * np.cos(theta) y a * (1 - np.sin(theta)) * np.sin(theta) # 绘图 fig, ax plt.subplots(figsize(6, 6)) ax.plot(x, y, colorcrimson, linewidth2) ax.fill(x, y, colorcrimson, alpha0.3) ax.set_aspect(equal) ax.axis(off) plt.show()这段代码有几个关键点。np.linspace(0, 2*np.pi, 1000)生成 1000 个均匀分布的 θ 值保证曲线平滑。set_aspect(equal)必须加否则 matplotlib 默认会拉伸坐标轴心会变成椭圆。axis(off)去掉坐标轴看起来更干净。如果你想保存成图片把plt.show()换成plt.savefig(heart.png, dpi300, transparentTrue)transparentTrue导出透明背景方便贴到其他设计稿上。4.2 JavaScript Canvas 网页版网页上画心Canvas 是最直接的选择。const canvas document.getElementById(heartCanvas); const ctx canvas.getContext(2d); const width canvas.width; const height canvas.height; const a Math.min(width, height) * 0.4; const cx width / 2; const cy height / 2; ctx.beginPath(); for (let i 0; i 1000; i) { const theta (i / 1000) * Math.PI * 2; const r a * (1 - Math.sin(theta)); const x cx r * Math.cos(theta); const y cy - r * Math.sin(theta); // 注意 y 轴翻转 if (i 0) ctx.moveTo(x, y); else ctx.lineTo(x, y); } ctx.closePath(); ctx.fillStyle crimson; ctx.fill();这里有个坑Canvas 的 y 轴是向下的而数学坐标 y 轴向上。所以y cy - r * Math.sin(theta)里的减号不能少否则心会上下颠倒。我第一次写的时候忘了这个画出来是个倒心排查了十分钟才反应过来。4.3 采样点数与性能的平衡采样点数直接影响曲线平滑度和计算量。我做过一组测试采样点数视觉效果计算耗时Python单次100明显折线 1ms500轻微折线约 2ms1000平滑约 4ms5000极平滑约 20ms10000肉眼看不出区别约 40ms对于静态图1000 点足够。对于动画每帧重绘500 点就能保证流畅除非你的设备性能很差。超过 5000 点基本是浪费因为屏幕像素密度有限再多的点也显示不出差异。4.4 填充与描边的细节处理画心形时填充和描边的顺序会影响最终效果。如果先填充再描边描边会覆盖填充的边缘线条更清晰。如果先描边再填充填充可能盖住一半线条看起来变细。我一般用“先填充后描边”ax.fill(x, y, colorcrimson, alpha0.3) ax.plot(x, y, colorcrimson, linewidth2)alpha0.3让填充半透明叠在白色背景上呈淡粉色比纯色填充更柔和。如果要做“空心心”去掉fill只留plot就行。还有一个细节closePath()在 Canvas 里很重要。如果不闭合填充时 Canvas 会自动从终点连回起点但描边不会。所以画心形一定要closePath()保证首尾相连。5. 常见问题与排查那些年画歪的心5.1 心形倒置、旋转、不对称的排查思路画出来的心不对先查三件事第一y 轴方向。数学坐标 y 向上屏幕坐标 y 向下。如果你直接拿数学公式算出的 y 值去绘图心会倒过来。解决办法是在 y 值前加负号或者用cy - y做偏移。第二θ 的起始位置。标准公式r a(1 - sinθ)在 θ 0 时r a点在正右方。如果你从 θ π/2 开始采样心的起点会跑到正上方虽然形状不变但如果你只画部分角度就会缺一块。第三sin和cos搞混。sin控制上下朝向cos控制左右朝向。想要尖朝下用1 - sinθ想要尖朝右用1 - cosθ。这两个别弄反否则心会躺下。5.2 公式抄错导致的“四不像”网上流传的公式有很多变体有些是错的有些是不同心形线的混写。我见过几个典型错误r a(1 - sinθ)写成r a(1 - sin2θ)多了个 2画出来是四瓣花不是心。(x² y² - 1)³ x²y³写成(x² y² - 1)² x²y³平方和立方搞混形状完全不对。参数方程里x a(1-sinθ)cosθ写成x a(1-sinθ)cosθ a多加了个偏移心会跑偏。排查方法很简单把 θ 0, π/2, π, 3π/2 四个点代进去看坐标是否合理。标准心形在 θ π/2 时 r 0点应该在原点附近θ 3π/2 时 r 2a点在最下方。如果这四个点不对公式肯定有问题。5.3 绘图库版本差异与兼容性不同绘图库对极坐标和参数方程的支持不一样。matplotlib 的polar子图可以直接画极坐标方程但它的 θ 起始方向和数学惯例可能不同需要查文档确认。某些前端图表库比如 ECharts没有原生极坐标散点得手动转直角坐标。还有一个坑JavaScript 的Math.sin接受弧度如果你传了角度值比如 90结果会完全错误。记得用Math.PI / 180转换或者直接用弧度制。5.4 常见问题速查表现象可能原因解决办法心倒置y 轴方向未翻转y 值取负或cy - y心躺下sin/cos 用混尖朝下用 sin朝右用 cos形状像花角度系数写错检查是否有2θ、3θ等曲线有折线采样点太少增加到 1000 以上心被拉扁坐标轴比例未固定设置aspectequal填充溢出路径未闭合加closePath()心只有一半θ 范围不对确保 0 到 2π 完整提示遇到问题时先把采样点降到 10 个把每个点的坐标打印出来肉眼检查轨迹。这比盯着代码猜快得多。6. 从数学到浪漫心形线的实际应用场景6.1 数据可视化中的创意图形心形线在数据可视化里常被用作“容器”。比如把年度数据按月份映射到心形线上的点每个月的数值决定该点的半径偏移画出来是一个“数据心”。我做过一个项目把用户每日活跃度映射到心形线上活跃度高的日子心形鼓出来低的日子凹进去最后呈现一个“心跳图”。这种图形比折线图更有情感冲击力适合年度总结、纪念日回顾这类场景。实现思路是先算标准心形线的 (x, y)然后根据数据值对每个点做径向偏移。偏移量用r_new r k * valuek是缩放系数。注意偏移不能太大否则心形会散架。一般k取0.1a到0.3a之间。6.2 节日祝福与个性化礼物用代码画心送人关键在“个性化”。标准心形谁都能画但如果你把对方的名字、纪念日、或者某个特殊数字嵌进去就不一样了。我试过几种做法名字嵌入在心形内部用文字路径填充文字沿心形轮廓排列。这个需要文字转路径的工具稍微复杂。日期刻度在心形线上标出重要日期对应的点用不同颜色高亮。比如在一起的第 100 天、第 365 天。动态生成用对方的照片做主色调心形的填充色从照片中提取。这个用 Python 的 PIL 库可以做到先取照片的平均色再作为填充色。这些做法的核心都是“标准心形 个性化数据”既保留了心形的辨识度又增加了专属感。6.3 教学演示中的极坐标入门心形线是极坐标教学的经典案例。它比圆和玫瑰线更有趣学生一眼就能记住。我在带新人学极坐标时会让他们先手算几个 θ 对应的 r 值描点画图然后再用代码验证。这个过程能帮他们理解“极坐标是另一种描述位置的方式”而不是死记公式。教学时有个技巧把r a(1 - sinθ)和r a·sinθ圆对比。圆是r只依赖sinθ的一次项心形多了一个常数 1。这个常数让曲线在原点附近“收进去”形成凹陷。学生理解了这一点就理解了极坐标方程中常数项的作用。6.4 心形线的数学性质延伸心形线在数学上属于“卡西尼卵形线”的一种特殊情况也是“蚶线”家族的一员。蚶线的通式是r a b·cosθ当a b时就是心形线。这个家族还包括圆a 0、蜗牛线a b、以及带内环的蚶线a b。如果你对数学推导感兴趣可以研究心形线的弧长和面积。标准心形线r a(1 - sinθ)的弧长是8a面积是(3π/2)a²。这两个结果用极坐标的弧长和面积公式可以直接积出来过程不算复杂适合作为微积分练习。注意不同教材对“心形线”的定义可能略有差异。有的把r a(1 cosθ)也叫心形线有的只认r a(1 - sinθ)。遇到争议时看图形形状比看公式更重要——只要画出来是心形叫法不重要。7. 我踩过的坑与最后分享的几个技巧最早画心形时我犯过一个低级错误把θ的范围设成了0到π结果只画了半个心还以为是公式错了。后来才发现极坐标方程通常需要完整扫过2π才能闭合。这个教训让我养成了一个习惯任何极坐标绘图先确认 θ 范围是否覆盖完整周期。另一个坑是浮点数精度。当a很小比如 0.001时某些绘图库会因为精度问题把曲线画成锯齿。解决办法是把a放大到 1 左右画完后再整体缩放坐标轴。这样既避免了精度问题又方便调整。最后分享一个让心形更“活”的小技巧给心形加一点呼吸动画。让a随时间做正弦变化a(t) a0 * (1 0.05 * sin(2πft))心就会轻微缩放像在跳动。f取 1 到 2 Hz 比较自然太快像抽搐太慢像静止。这个效果用在网页加载动画或节日贺卡上比静态心形生动得多。如果你只想记一个公式记参数方程那套x a(1-sinθ)cosθ, y a(1-sinθ)sinθ。它兼容性最好改朝向、改大小、改胖瘦都方便而且直接能喂给任何绘图环境。极坐标形式适合写在纸上直角坐标形式适合应付数学题但真正动手画图参数方程是首选。