Математические формулы ТеX в SVG
Оказывается вовсе не обязательно вставлять -овскую математику в вебе также как это делалось в 1999 году — в виде гифов с прозрачным фоном. Будущее уже давно наступило, теперь можно использовать векторный SVG.
Это я вот к чему. Недавно, обзаведясь Макбуком с Retina-дисплеем проблема растровой графики в вебе у меня всплыла в полный рост: если раньше, когда часть какой-нибудь странички была отрисована, скажем, фотошопом, а часть средствами CSS, то просто глаз слегка спотыкался на этой разнице, но терпимо было. А на ретине разница становится уже жуткой — растровые части сайтов выглядят как набор больших пикселей.
И если на других сайтах это проблемы их создателей, то на моем собственном блоге (да, да, пишу я в него реже чем ковыряю его движок и дизайн) меня такая разница не устраивала совершенно, и больше всего у меня она видна как раз на вставленных математических формулах.
Полез разбираться как бы математику в SVG рендерить, оказалось что человечество эту проблему давно решило, и есть утилитка dvisvgm ровно для этого и предназначенная. Я вызываю ее так:
|
|
Все, на выходе some.svg замечательно выглядящий на ретине.
Наглядная разница между растром и вектором для математики (привет всем владельцам ретина-дисплеев). Растр:
Вектор:
Кстати, чтоб два раза не вставать, сэкономлю кому-нибудь пару часов на разбирательство. У всей математики у меня в блоге вот такой шаблон:
|
|