在html文本框中输入数学公式并将其存储到mysql数据库

nhn9ugyo  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(416)

我需要在文本输入中显示数学公式并将其存储在数据库中
公式如下图所示http://xahlee.info/math/i/math_formula_mathjax.png
当我复制任何公式到文本框,它转换为普通文本,我需要取消播放公式,因为它是。

dauxcl2d

dauxcl2d1#

数学符号有html字符,但要将它们组织成与图像相似的格式,使用纯html是不可能的。
您可以研究一下如何将html画布api与javascript结合使用来创建所需的结果。您甚至可以将javascript存储在mysql数据库中。
以您的图像为参考的小示例:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

// k above sigma
ctx.font = "15px Arial";
ctx.fillText("k", 20, 20);

// sigma
ctx.font = "40px Arial";
ctx.fillText("\u03A3", 10, 55);

// n=1 below sigma
ctx.font = "15px Arial";
ctx.fillText("n=1", 10, 70);
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>
	</body>
</html>

相关问题