|
\mathcal {ABC…890}
|
1234567890
|
|
\cal {ABC…890}
|
1234567890
|
|
\mathbb {ABC…890}
|
?
?
ℂ
?
?
?
?
ℍ
?
?
?
?
?
ℕ
?
ℙ
ℚ
ℝ
?
?
?
?
?
?
?
ℤ
??????????
|
|
\mathfrak {ABC…890}
|
?
?
ℭ
?
?
?
?
ℌ
ℑ
?
?
?
?
?
?
?
?
ℜ
?
?
?
?
?
?
?
ℨ
1234567890
|
|
\mathsf {ABC…890}
|
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
??????????
|
|
\mathbf {ABC…890}
|
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
1234567890
latex 显示效果 \mathcal {ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890} ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890\mathcal {ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890} \cal {ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890} ABCDE
const
MathJax
= require ( 'react-
mathjax
' )
const tex = `f(x) = \\int_{-\\infty}^\\infty
\\hat f(\\xi)\\,e^{2 \\pi i \\xi x}
\\,d\\xi`
module . exports = ( ) => {
return (
<
MathJax
>
MathJax
的删减
git拿下来的
MathJax
足足有152M。
根据实际需求，我只保留了
MathJax
以SVG形式渲染"
LaTex
/Tex"的功能。删减后，MathTex只有1.68M。尽管不小，但是已经可以当作一个线上项目使用了
base64
生成的
LaTex
公式，我最终是想以图片的形式保存起来。所以，我想到了svg转canvas的方法。（canvas可以直接得到base64的图片了）
这个时候我想到了canvg，利用
MathJax
生成的svg可以使用canVg将它在canvas上显示出来，并最终生成base64的图片文件。
这也是为什么我只保留
MathJax
的SV
这里使用的是
mathjax
2.7.5版本，其他版本或有不同
下载地址：https://github.com/
mathjax
/
MathJax
/releases/tag/2.7.5
MathJax
默认样式在被鼠标focus的时候，会有蓝色边框出现。对于超长的
数学
公式，x方向也会溢出。
添加以下样式代码，覆盖原有样式，从而解决上述问题：
.mjx-chtml {
outline: 0;
.MJXc-display {
overflow-x: auto;
overflow-y:
在office中文本中不插入公式编辑简单常用的
数学
符号
，目前成果如下：
可采用插入
符号
和Symbol
字体
插入希腊字母；
利用word自带按钮和快捷键编辑加粗、斜体、下划线、右上标、右下标；
可以采用 Castellar、Imprint MT Shadow
字体
实现空心大写，如期望
符号
；
可以采用Kunstler Script、Palace Script MT
字体
实现
数学
花体，如傅里叶变换的
符号
、borel集等；
另外附上手写体和浮夸的花体
字体
，方便日后写个贺卡情书啥的:-）
|
