化学構造式をsvgで作成
する
1. 以下のtexファイルをテンプレートとして、作りたい化学構造式をChemfigの文法で書く
standaloneでLaTeXの余白を全部切り取っている
例:benzene/formula.tex
code:tex
\documentclasstikz,multi=chem{standalone}
\usepackage{chemfig}
\begin{document}
% ここに化学式を書く
% 複数の式を1ページに書き込みたいときはchem環境で囲む
\end{document}
2. lualatexでcompileしてpdfファイルを作る
Cloud LaTeXを使うのが楽
3. PDFをSVGに変換する
4. svgコードをコピーして、svg形式のテキストを画像にするserverless functionで画像化する
<style>でprefers-color-schemeを追加すると、dark themeで見やすくなる
code:theme.css
@media (prefers-color-scheme: dark) {
文字以外の線を白にする
文字の縁取り線は透明なので何もしない
21:18:38 mobileだとなぜか白く塗りつぶされてしまっている
code:theme.css
:not(symbol) path {stroke: white !important;}
文字と楔を白く塗りつぶす
code:theme.css
symbol path, pathstyle*="fill-rule" {fill: white !important;}
}
#2021-12-13 14:56:18