3D曲面绘制器

什么是3D曲面绘制器？

如何使用3D曲面绘制器

1. 1

   选择或输入函数：你可以点击左侧下拉框选择预设好的经典曲面函数，也可以直接在自定义输入框中输入你想要绘制的z关于x和y的二元函数公式。

2. 2

   调整坐标范围：在对应输入框分别填入X轴、Y轴的起始值和结束值，设置坐标的取值区间，再调整每个坐标轴的采样密度，数值越高曲面越平滑。

3. 3

   生成曲面：确认公式和参数设置无误后，点击下方的『生成曲面』按钮，工具就会基于你设置的参数在右侧画布渲染出对应3D数学曲面。

4. 4

   交互查看：在渲染好的曲面区域按住鼠标左键拖拽，可以旋转调整曲面的观察角度，滚动鼠标滚轮可以放大缩小查看曲面的局部细节。

什么场景会用到？

计算示例

注意事项

• 工具仅支持二元函数z = f(x,y)的曲面绘制，无法绘制三元及更高维度函数曲面，输入超过二元的函数会渲染失败。
• 公式需要遵循JavaScript语法规则，乘法必须写*符号，不能省略，例如xy需要写成x*y，否则会识别错误。
• 常用三角函数默认以弧度为参数，不支持直接输入角度值，需要输入角度的话要先自行转换为弧度。
• 若输入函数包含断点或无定义区域，对应位置会显示空白缺口，属于正常渲染结果，不是工具故障。

常见问题

参考资料

• MDN Web Docs Canvas 2D API 文档
• W3C Canvas 2D 规范

本工具遵循JavaScript数学函数语法标准，所有渲染逻辑经过多轮测试验证，支持大部分常用二元数学函数，由工具集编辑组维护更新，适配主流桌面浏览器使用。