tex2svg converted image further rendering problem

[StarryField]

I tried to use mathjax-node-cli and imagemagick or inkscape on Ubuntu Server 20.04 LTS (on arrch64 bulid) to turn my math formula into .jpg picture, but the final converted result is a blank picture! ! ! I think this is a problem with mathjax-node, because they can convert .svg files from other sources normally

• Operating environment

  ubuntu@ubuntu:~$ node -v
  v14.10.1
  ubuntu@ubuntu:~$ npm -v
  6.14.8

• Used command

  ubuntu@ubuntu:~/Desktop$ tex2svg "\text{TEST}" > test.svg
  ubuntu@ubuntu:~/Desktop$ convert test.svg test1.png
  ubuntu@ubuntu:~/Desktop$ convert test.svg test1.jpg
  ubuntu@ubuntu:~/Desktop$ inkscape -z -w 512 -h 512 test.svg -e test2.png
  ubuntu@ubuntu:~/Desktop$ inkscape -z -w 512 -h 512 test.svg -e test2.jpg

[dpvc]

The reason for this is that MathJax sets the fill and stroke properties to currentColor so that the SVG will inherit the font color in the browser. That is confusing ImageMagick and Inkscape. You need to change currentColor to black (or whatever color you want).

One way to do that would be to pipe your output through sed before saving it to the file:

tex2svg "\text{TEST}" | sed -e s/currentColor/black/g > test.svg

That does the trick for me.