该网站如何执行此特定功能？

Question

我正在这里查看此网站，https://www.symbolab.com/ ，尤其是其上的matrix entry函数。按下H2O图标左侧带有方括号的图标，您将进入它。

现在，系统将提示您输入自己的用户定义的矩阵大小。然后在下面的文本区域中出现空白矩阵，将预定义的文本字段排列在一个数组中。

我想复制自己类似的内容，并且想知道该站点如何执行此功能。我刚接触HTML，想知道这里使用了哪些组件？ canvas中包含矩阵的较大区域吗？矩阵Input Type Text字段是字段吗？如果是这样，如何在用户输入文本时动态地实现大小调整？

有人知道吗？ ：）

杰里米

Answer 1

当您想了解网站背后发生的事情时，第一步是打开控制台并查看代码和脚本。我认为您的示例中使用的textarea是基本的textarea。

如果您正在寻找可自动调整大小的文本区域，则可以在JS中实现。也许that post可以为您提供帮助。

如果您正在寻找一种将数学公式写入HTML页面的方法，那么您可以在网上找到几种解决方案。 That stackoverflow post建议使用MathJax。

希望它对您有所帮助。