如何操作网页中的数学符号？

Question

我正在建立一个专门解释数学和其他主题的网页。我想动画一些数学步骤的过程，如添加数字和求解方程式。我知道我可以创建一个动画.gif文件，但这里有一个缺点，就是必须找到一些在图片中绘制符号的方法，或者可能导出一个LaTeX渲染等等。我想知道是否有更多可编程的，系统的溶液

假设我想要将解决方案设置为2（x-1）= 10，然后是其他几个类似的方程式，以及将123除以45的过程的具体性。

对于某些情况，我有一些不错的但非专业技能，包括HTML，CSS，JavaScript，其他类C语言，Python和类似的东西。

Answer 1

我所做的（这是广泛的）是输入每个人输入的数字或符号，并使用JavaScript将它们移动到画布上的特定区域。例如，每当一个人输入数字时，它会将该输入移动到一个小盒子或其他东西中。从那里你可以使用符号来加/减/乘等。如果你想使它平滑以便它进入多个步骤你可以随时使用JavaScript的setTimeout函数，所以它逐步显示方程的每个部分。另外一个提示是检查具有类似功能的网站，如Cymath

Answer 2

我将选择Canvas with HTML5和Javascript来创建动画，Canvas的优点在于你可以完全控制像素，缺点是你将不得不处理所有的东西来创建和渲染每一个函数。