pátek 26. května 2017

VueJS 2: píšeme komponentu - zobrazení matematického výrazu (Katex) v SVG

Řešil jsem docela zajímavý problém. Jak zobrazit matematický výraz pomocí Katexu (implementace Latexu od Khan Academy) do vektorové grafiky SVG.

Nevím o žádném přímém a bezprostředním řešení. Proto jsem experimentoval a přišel jsem na zajímavý trik, jak dostat vygenerovaný výraz do SVG tak, aby šel zobrazit.

Trik spočívá ve využití <foreignObject>, kterým lze do SVG dostat obsah, jež samotné SVG nepodporuje. S trochou práce a štěstí se mi podařilo docílit výsledku.

Ukázka je dostupná tady: http://play.ionic.io/app/f3452825f611

Žádné komentáře:

Okomentovat