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

我正在建立一个专门解释数学和其他主题的网页。我想动画的过程中做一些数学步骤，如添加数字和解决一个方程。我知道我可以创建一个动画.gif，但这是因为我必须找到一些方法来绘制图片中的符号，或者导出一个LaTeX渲染，等等。我想知道是否有一些更可编程、更系统的解决方案

假设为了具体起见，我想将解动画化为2（x-1）=10，然后是其他几个类似的方程，以及123除以45的过程

---

在某些情况下，我对HTML、CSS、JavaScript、其他类似C语言、Python和类似的东西有一些不错但不专业的技能

我要做的（这很广泛）是输入一个人键入的每个数字或符号，并使用JavaScript将它们移动到画布上的特定区域。例如，每当一个人输入一个数字时，他就会把输入的数字移动到一个小盒子或其他东西中。从这里开始，您可以使用符号进行加法/减法/乘法等操作。如果您希望使此过程平滑，以便分多个步骤进行，您可以始终使用JavaScript调用setTimeout函数，以便逐步显示方程式的每个部分。另外一个额外的技巧是查看具有类似功能的网站，如

我将选择带有HTML5和Javascript的画布来创建动画，画布的优点是你可以完全控制像素，缺点是你必须处理所有的东西来创建和渲染每个功能

请记住，页面上任何可见的内容都是字符串或图像。因此，您必须创建逻辑以将部分值表示为字符串，然后设置字符串动画。对不起，这个问题太广泛了。请阅读