背景

在Excalidraw中輸入含有中文的公式時發(fā)現(xiàn)中文全疊在同一個位置，因此修正此問題。

效果

實現(xiàn)

Excalidraw中用了mathjax來渲染公式，優(yōu)先使用tex-svg，失敗時使用tex-chtml。這里出問題的就是tex-svg。

mathjax在渲染公式時會添加樣式到DOM中，而Excalidraw中是創(chuàng)建iframe來加載mathjax的，存在樣式無法生效到iframe里的問題。（對比異常與正常情況生成的svg發(fā)現(xiàn)缺失了transform）

這里我簡單修改到在外面的DOM加載mathjax，而不是在iframe中解決了中文重疊的問題。（順便額外加載了一個配置mathjax的js，以便后面增加對mathjax進行額外配置。）

但也引入了隱患：污染外部樣式。