LaTeX ke SVG

KaTeX menyusun rumus menjadi HTML di server, lalu alat membungkus HTML tersebut dalam foreignObject SVG bersama stylesheet KaTeX dan file font woff2 yang diperlukan rumus, yang disematkan sebagai URL data. Lebar dan tinggi dihitung dari metrik font KaTeX dan lebar glif sebenarnya dari font tersebut, sehingga kanvas pas dengan rumus dan memiliki margin kecil.

SVG ini ditampilkan di Chrome, Edge, Firefox, dan Safari, baik digunakan sebagai elemen img, latar CSS, markup SVG inline, maupun dibuka langsung, serta di aplikasi yang dibangun dengan mesin browser. Editor dan konverter vektor seperti Inkscape, Illustrator, impor SVG Figma, librsvg, dan resvg tidak merender HTML di dalam foreignObject, sehingga rumus tampak kosong di sana.

Tidak ada pustaka berlisensi permisif dalam tumpukan alat ini yang dapat menyusun matematika KaTeX sebagai kerangka glif, dan penyusun tata letak terpisah tidak akan menghasilkan keluaran yang sama dengan KaTeX. Menyematkan HTML milik KaTeX sendiri mempertahankan jarak dan font yang tepat. Jika editor vektor memerlukan kerangka, buka SVG di browser lalu cetak ke PDF, sehingga rumus tetap menjadi bentuk vektor yang dapat diimpor editor.

Mode display menyusun rumus sebagai persamaan tersendiri: operator besar menampilkan batas di atas dan bawahnya, pecahan tetap berukuran penuh, dan nomor \tag diperbolehkan. Mode inline menggunakan gaya teks ringkas untuk rumus di dalam kalimat, dengan pecahan lebih kecil dan batas yang ditempatkan di samping penjumlahan dan integral.

Pengaturan ini menentukan ukuran font matematika dalam piksel, dari 8 hingga 200, sebagai bilangan bulat, dengan 24 sebagai nilai default. Lebar dan tinggi SVG akan menyesuaikan, sehingga rumus yang dirender pada 48 piksel berukuran dua kali lebih besar daripada yang berukuran 24 piksel. Karena hasilnya berbasis vektor, Anda tetap dapat mengubah ukurannya nanti dengan CSS.

Semua yang didukung KaTeX 0.19.1: pecahan, akar, penjumlahan dan integral, matriks serta lingkungan seperti aligned, cases, pmatrix dan array, aksen, panah, \mathbb, \mathcal, \mathfrak, \text, \color dan \tag. Anda dapat menentukan makro sendiri dengan \def atau \newcommand di dalam rumus. Dokumen lengkap, \usepackage, TikZ dan perintah \ce dari mhchem tidak tersedia.

Tidak ada file yang dihasilkan, dan alat memberi tahu Anda apa yang salah serta di karakter ke berapa, dihitung mulai dari 1. Alat menyebutkan perintah yang tidak dikenal, kurung kurawal yang tidak seimbang, superskrip ganda, dan perintah yang kehilangan argumen, sehingga Anda dapat langsung menuju bagian tersebut dan memperbaikinya.

Rumus dapat memiliki panjang hingga 10,000 karakter, makro dapat diperluas paling banyak 1,000 kali, dan ukuran yang diberikan pada perintah seperti \rule, \kern dan \hspace dibatasi hingga 100em. Perintah yang memuat atau menautkan konten eksternal, seperti \href, \url dan \includegraphics, dinonaktifkan dan ditampilkan sebagai teks merah yang tidak didukung.

Latar belakangnya transparan. Saat Anda menempelkan markup SVG ke halaman HTML, rumus mengikuti warna teks elemen di sekitarnya, sedangkan sebagai file gambar rumus digambar dalam warna hitam. Gunakan \color atau \textcolor di dalam rumus untuk menetapkan warna yang tetap sama di mana pun.

Setiap file menyertakan stylesheet KaTeX berukuran sekitar 24 KB dan setiap jenis font yang digunakan rumus dalam format base64 woff2, sehingga rumus biasa berukuran 75 hingga 150 KB. Karakter yang tidak tersedia dalam font KaTeX, seperti bahasa Mandarin atau Jepang di dalam \text, menggunakan font milik penampil. SVG memiliki role img dengan sumber LaTeX sebagai judul dan aria-label untuk pembaca layar.