Embedded SVGs are not supported by WeasyPrint

[pothos]

This here helps to render in WeasyPrint:

     svg = wait["for"](tex2svg, tex, inline);
+    svg = '<img src="data:image/svg+xml;charset=utf-8;base64,' + Buffer.from(svg).toString('base64') + '"/>';
     return pandoc.RawInline("html", inline ? svg : wrap(svg));

Maybe it could be configured by exposing a second filter executable (or passing an argument but I don't know if that works with pandoc's filter command line invokation)?

[lierdakil]

It's not the hardest thing to do, but img tags tend to be misaligned. Compare:
img tags:

inline SVG:

[pothos]

Ah, which browser? Would style="display: inline; vertical-align: middle;" help?
Edit: Maybe fixing this depends on the browser, I don't need anything for it to work and adding something like my suggestion makes it worse in certain cases.

[pothos]

The solution is to copy the width, height and style attributes of the svg tag to the img tag…

[pothos]

    svg = wait["for"](tex2svg, tex, inline);
+   w = svg.match(/width="(.*?)"/)[0];
+   h = svg.match(/height="(.*?)"/)[0];
+   c = svg.match(/style="(.*?)"/)[0];
+   svg = '<img ' + w + ' ' + h + ' ' + c + ' src="data:image/svg+xml;charset=utf-8;base64,' + Buffer.from(svg).toString('base64') + '"/>';
    return pandoc.RawInline("html", inline ? svg : wrap(svg));

[pothos]

Webkit seems to have troubles with <img width="3ex"> but this can be fixed with moving it to <img style="width: 3ex;"> but I don't need this for WeasyPrint.

[lierdakil]

Huh. Cool, thanks for investigating. I've published v0.3.1. If you could test it and let me know if it works for you that would be great.

[lierdakil]

Note: please review https://github.com/lierdakil/mathjax-pandoc-filter#configuration

[pothos]

Thanks, perfect, it works same as my patch, both in WebKit and WeasyPrint 👍