htlatex 之后拆分 Tikz-plot 的输出

htlatex 之后拆分 Tikz-plot 的输出

我目前正在开发一个网站,该网站使用 .tex 文件为学生生成练习。其中一个练习的解决方案是绘图,我正在使用 tkiz 来制作。当我使用普通的 pdflatex 命令时,绘图功能正常。问题是当我尝试生成 HTML 代码时。然后我得到了两个不同的 svg 文件。我的 LaTeX/htlatex 功能已经用完了。任何帮助都非常感谢

\documentclass[12pt,a4paper,oneside,ngerman]{scrbook}
\usepackage{pgfplots} %einfügen von plots
\usepackage{tikz}
\begin{document}
\begin{tikzpicture}
\begin{axis}[grid style={line width=.1pt, draw=gray!10},major grid style={line width=.2pt,draw=gray!50},
xmin=-1.5,xmax=15,
ymin=-0.04,ymax=0.4,
xtick={},ytick={},
minor tick num=5,
enlargelimits={abs=0},
ticklabel style={font=\tiny,fill=white},
axis lines=middle,
axis line style={latex-latex},
xlabel style={at={(ticklabel* cs:1)},anchor=north west},
ylabel style={at={(ticklabel* cs:1)},anchor=south west},
xlabel = {Gewichtskraft [N]},
ylabel = {Auslenkung [cm]},
minor tick num=5
]
\addplot [
mark = x,
only marks
] coordinates{(0.981,0.02488)
    (2.45,0.0633)
    (4.9,0.12847)
    (7.35,0.18416)
    (9.81,0.25201)
    (12.26,0.29808)};
\addplot [color=red, domain=-1.5:15]{0.024529219346691625 *x + 0.0040780298507462065};
\end{axis}
\end{tikzpicture}
\end{document}

这是我的 MWE,这里是两个输出的 SVG 文件:mwe-1.svg:

    <?xml version="1.0" encoding="iso-8859-1" standalone="no"?> 
    <?xml-stylesheet href="mwe.css" type="text/css"?> 
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="295.63168pt" height="187.33652pt" viewBox="-2.05045 -5.30522 295.63168 187.33652 "> 
    <g transform="translate(0, 182.0313 ) scale(1,-1) translate(0,5.30522 )"> 
     <g>?nl <g stroke="rgb(0.0%,0.0%,0.0%)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <g stroke-width="0.4pt">?nl <g>?nl <g>?nl <g>?nl <g>?nl <g stroke-width="0.2pt">?nl <g stroke="rgb(50.0%,50.0%,50.0%)">?nl <g fill="rgb(50.0%,50.0%,50.0%)">?nl <path d=" M  1.96967 13.3044 L  1.96967 16.14995 M  5.90901 13.3044 L  5.90901 16.14995 M  9.84837 13.3044 L  9.84837 16.14995 M  13.78773 13.3044 L  13.78773 16.14995 M  21.66647 13.3044 L  21.66647 16.14995 M  25.60583 13.3044 L  25.60583 16.14995 M  29.54518 13.3044 L  29.54518 16.14995 M  33.48454 13.3044 L  33.48454 16.14995 M  37.4239 13.3044 L  37.4239 16.14995 M  45.30264 13.3044 L  45.30264 16.14995 M  49.242 13.3044 L  49.242 16.14995 M  53.18135 13.3044 L  53.18135 16.14995 M  57.12071 13.3044 L  57.12071 16.14995 M  61.06007 13.3044 L  61.06007 16.14995 M  68.93881 13.3044 L  68.93881 16.14995 M  72.87817 13.3044 L  72.87817 16.14995 M  76.81752 13.3044 L  76.81752 16.14995 M  80.75688 13.3044 L  80.75688 16.14995 M  84.69624 13.3044 L  84.69624 16.14995 M  92.57498 13.3044 L  92.57498 16.14995 M  96.51434 13.3044 L  96.51434 16.14995 M  100.45369 13.3044 L  100.45369 16.14995 M  104.39305 13.3044 L  104.39305 16.14995 M  108.33241 13.3044 L  108.33241 16.14995 M  116.21115 13.3044 L  116.21115 16.14995 M  120.15051 13.3044 L  120.15051 16.14995 M  124.08986 13.3044 L  124.08986 16.14995 M  128.02922 13.3044 L  128.02922 16.14995 M  131.96858 13.3044 L  131.96858 16.14995 M  139.84732 13.3044 L  139.84732 16.14995 M  143.78668 13.3044 L  143.78668 16.14995 M  147.72603 13.3044 L  147.72603 16.14995 M  151.66539 13.3044 L  151.66539 16.14995 M  155.60475 13.3044 L  155.60475 16.14995 M  163.48349 13.3044 L  163.48349 16.14995 M  167.42285 13.3044 L  167.42285 16.14995 M  171.3622 13.3044 L  171.3622 16.14995 M  175.30156 13.3044 L  175.30156 16.14995 M  179.24092 13.3044 L  179.24092 16.14995 M  187.11966 13.3044 L  187.11966 16.14995 M  191.05902 13.3044 L  191.05902 16.14995 M  194.99837 13.3044 L  194.99837 16.14995  " style="fill:none"/>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g stroke-width="0.2pt">?nl <g stroke="rgb(50.0%,50.0%,50.0%)">?nl <g fill="rgb(50.0%,50.0%,50.0%)">?nl <path d=" M  41.3633 12.59323 L  41.3633 16.8611 M  64.99947 12.59323 L  64.99947 16.8611 M  88.63564 12.59323 L  88.63564 16.8611 M  112.2718 12.59323 L  112.2718 16.8611 M  135.90797 12.59323 L  135.90797 16.8611 M  159.54414 12.59323 L  159.54414 16.8611 M  183.18031 12.59323 L  183.18031 16.8611  " style="fill:none"/>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g>?nl <g stroke-width="0.2pt">?nl <g stroke="rgb(50.0%,50.0%,50.0%)">?nl <g fill="rgb(50.0%,50.0%,50.0%)">?nl <path d=" M  16.3042 2.45451 L  19.15007 2.45451 M  16.3042 8.59082 L  19.15007 8.59082 M  16.3042 20.86348 L  19.15007 20.86348 M  16.3042 26.9998 L  19.15007 26.9998 M  16.3042 33.13612 L  19.15007 33.13612 M  16.3042 39.27245 L  19.15007 39.27245 M  16.3042 45.40875 L  19.15007 45.40875 M  16.3042 57.68141 L  19.15007 57.68141 M  16.3042 63.81773 L  19.15007 63.81773 M  16.3042 69.95406 L  19.15007 69.95406 M  16.3042 76.09038 L  19.15007 76.09038 M  16.3042 82.22668 L  19.15007 82.22668 M  16.3042 94.49934 L  19.15007 94.49934 M  16.3042 100.63567 L  19.15007 100.63567 M  16.3042 106.77199 L  19.15007 106.77199 M  16.3042 112.90831 L  19.15007 112.90831 M  16.3042 119.04462 L  19.15007 119.04462 M  16.3042 131.31728 L  19.15007 131.31728 M  16.3042 137.4536 L  19.15007 137.4536 M  16.3042 143.58992 L  19.15007 143.58992 M  16.3042 149.72624 L  19.15007 149.72624 M  16.3042 155.86255 L  19.15007 155.86255  " style="fill:none"/>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g stroke-width="0.2pt">?nl <g stroke="rgb(50.0%,50.0%,50.0%)">?nl <g fill="rgb(50.0%,50.0%,50.0%)">?nl <path d=" M  15.59291 51.5451 L  19.86133 51.5451 M  15.59291 88.36304 L  19.86133 88.36304 M  15.59291 125.18097 L  19.86133 125.18097 M  15.59291 161.9989 L  19.86133 161.9989  " style="fill:none"/>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <path d=" M  3.59995 14.72717 L  191.39845 14.72717  " style="fill:none"/>?nl <g>?nl <g transform="matrix(-1.0,0.0,0.0,-1.0,3.59995,14.72717)">?nl <g>?nl <path d=" M  3.59995 0.0 C  2.53328 0.2 0.79999 0.79999 -0.4 1.49997 L  -0.4 -1.49997 C  0.79999 -0.79999 2.53328 -0.2 3.59995 0.0  " style="stroke:none"/>?nl </g>?nl  </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,191.39845,14.72717)">?nl <g>?nl <path d=" M  3.59995 0.0 C  2.53328 0.2 0.79999 0.79999 -0.4 1.49997 L  -0.4 -1.49997 C  0.79999 -0.79999 2.53328 -0.2 3.59995 0.0  " style="stroke:none"/>?nl </g>?nl  </g>?nl </g>?nl <path d=" M  17.72713 3.59995 L  17.72713 158.39896  " style="fill:none"/>?nl <g>?nl <g transform="matrix(0.0,-1.0,1.0,0.0,17.72713,3.59995)">?nl <g>?nl <path d=" M  3.59995 0.0 C  2.53328 0.2 0.79999 0.79999 -0.4 1.49997 L  -0.4 -1.49997 C  0.79999 -0.79999 2.53328 -0.2 3.59995 0.0  " style="stroke:none"/>?nl </g>?nl  </g>?nl </g>?nl <g>?nl <g transform="matrix(0.0,1.0,-1.0,0.0,17.72713,158.39896)">?nl <g>?nl <path d=" M  3.59995 0.0 C  2.53328 0.2 0.79999 0.79999 -0.4 1.49997 L  -0.4 -1.49997 C  0.79999 -0.79999 2.53328 -0.2 3.59995 0.0  " style="stroke:none"/>?nl </g>?nl  </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  35.6138 0.6942 h  11.499 v  11.69904 h  -11.499 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,39.53,4.6104)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(1.8333,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">2</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  59.24997 0.6942 h  11.499 v  11.69904 h  -11.499 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,63.16617,4.6104)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(1.8333,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">4</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  82.88614 0.6942 h  11.499 v  11.69904 h  -11.499 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,86.80234,4.6104)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(1.8333,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">6</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  106.52231 0.6942 h  11.499 v  11.69904 h  -11.499 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,110.4385,4.6104)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(1.8333,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">8</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  128.32516 0.6942 h  15.16562 v  11.69904 h  -15.16562 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,132.24136,4.6104)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(3.66661,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">10</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  151.96133 0.6942 h  15.16562 v  11.69904 h  -15.16562 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,155.87753,4.6104)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(3.66661,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">12</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  175.5975 0.6942 h  15.16562 v  11.69904 h  -15.16562 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,179.5137,4.6104)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(3.66661,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">14</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  -2.05045 45.69559 h  17.44336 v  11.69904 h  -17.44336 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,1.86575,49.61179)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(4.80548,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">0</tspan><tspan font-family="cmmi" font-size="6">.</tspan><tspan font-family="cmr" font-size="6">1</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  -2.05045 82.51352 h  17.44336 v  11.69904 h  -17.44336 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,1.86575,86.42972)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(4.80548,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">0</tspan><tspan font-family="cmmi" font-size="6">.</tspan><tspan font-family="cmr" font-size="6">2</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  -2.05045 119.33145 h  17.44336 v  11.69904 h  -17.44336 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,1.86575,123.24765)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(4.80548,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">0</tspan><tspan font-family="cmmi" font-size="6">.</tspan><tspan font-family="cmr" font-size="6">3</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <g>?nl <g fill="rgb(100.0%,100.0%,100.0%)">?nl <path d=" M  -2.05045 156.14938 h  17.44336 v  11.69904 h  -17.44336 Z  " style="stroke:none"/>?nl </g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,1.86575,160.06558)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(4.80548,0)" text-anchor="middle"  font-size="12"> 
    <tspan font-family="cmr" font-size="6">0</tspan><tspan font-family="cmmi" font-size="6">.</tspan><tspan font-family="cmr" font-size="6">4</tspan></text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <clipPath id="pgfcp1"> <path d=" M  0.0 0.0 L  194.9984 0.0 L  194.9984 161.9989 L  0.0 161.9989 Z  "/>?nl</clipPath>?nl <g clip-path="url(#pgfcp1)">?nl <g>?nl <g stroke="rgb(100.0%,0.0%,0.0%)">?nl <g fill="rgb(100.0%,0.0%,0.0%)">?nl <path d=" M  0.0 2.68188 L  8.12492 8.89081 L  16.24986 15.09972 L  24.37479 21.30864 L  32.49973 27.51755 L  40.62466 33.72647 L  48.74959 39.9354 L  56.87453 46.1443 L  64.99947 52.35323 L  73.12439 58.56213 L  81.24933 64.77104 L  89.37425 70.97997 L  97.49919 77.18887 L  105.62413 83.3978 L  113.74905 89.60672 L  121.874 95.81563 L  129.99893 102.02455 L  138.12386 108.23346 L  146.2488 114.44238 L  154.37372 120.6513 L  162.49866 126.86021 L  170.6236 133.06914 L  178.74852 139.27805 L  186.87346 145.48697 L  194.9984 151.69588  " style="fill:none"/>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <path d=" M  27.90645 22.47325 L  30.73488 25.30168 M  27.90645 25.30168 L  30.73488 22.47325  " style="fill:none"/>?nl <path d=" M  45.26721 36.6187 L  48.09564 39.44713 M  45.26721 39.44713 L  48.09564 36.6187  " style="fill:none"/>?nl <path d=" M  74.22153 60.61295 L  77.04996 63.44138 M  74.22153 63.44138 L  77.04996 60.61295  " style="fill:none"/>?nl <path d=" M  103.17583 81.11685 L  106.00426 83.94528 M  103.17583 83.94528 L  106.00426 81.11685  " style="fill:none"/>?nl <path d=" M  132.24832 106.09782 L  135.07675 108.92625 M  132.24832 108.92625 L  135.07675 106.09782  " style="fill:none"/>?nl <path d=" M  161.20264 123.05984 L  164.03107 125.88828 M  161.20264 125.88828 L  164.03107 123.05984  " style="fill:none"/>?nl <path d="  " style="fill:none"/>?nl </g>?nl <g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,199.1146,1.61098)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(45.27522,0)" text-anchor="middle"  font-size="12"> 
    Gewichtskraft [N]</text> 
    </g>?nl </g>?nl </g>?nl </g>?nl <g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,21.84332,169.1151)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(42.78705,0)" text-anchor="middle"  font-size="12"> 
    Auslenkung [cm]</text> 
    </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl                                                     </g> 
    </svg> 

mwe-2.svg:

    <?xml version="1.0" encoding="iso-8859-1" standalone="no"?> 
    <?xml-stylesheet href="mwe.css" type="text/css"?> 
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="295.63168pt" height="187.33652pt" viewBox="-2.05045 -5.30522 295.63168 187.33652 "> 
    <g transform="translate(0, 182.0313 ) scale(1,-1) translate(0,5.30522 )"> 
     <g>?nl <g stroke="rgb(0.0%,0.0%,0.0%)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <g stroke-width="0.4pt">?nl <g>?nl <g>?nl </g>?nl <g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,0.0,0.0)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(0.0,0)" text-anchor="middle"  font-size="12"> 
    </text> 
    </g>?nl </g>?nl </g>?nl <g>?nl </g>?nl <g>?nl </g>?nl <g>?nl </g>?nl <g>?nl </g>?nl <g>?nl <g transform="matrix(1.0,0.0,0.0,1.0,-2.05045,-5.30522)">?nl <g fill="rgb(0.0%,0.0%,0.0%)">?nl <text style="stroke:none" transform="scale(1,-1) translate(149.77415,0)" text-anchor="middle"  font-size="12"> 
    <object data="mwe-1.svg" width="395.17407 " height="250.78107 " type="image/svg+xml"><p>SVG-Viewer needed.</p></object></text> 
    </g>?nl </g>?nl </g>?nl <g>?nl </g>?nl <g>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl </g>?nl 
                                                                               </g> 
    </svg> 

据我了解,它会创建 2 个 svg 文件,一个包含绘图的实际数据,另一个没有任何内容。输出 HTML 中引用的唯一文件是 mwg-2.svg

话虽如此,我不知道如何读取 svg 文件。当我在浏览器中打开 HTML 文件时,它显示为空白,但源引用了 mwe-2.svg

再次感谢任何帮助

答案1

我不知道您的问题根源,但默认的 TikZ tex4ht 驱动程序存在很多问题。有两种可能的解决方案:

  • 使用TikZ 外部化
  • 使用用于dvisvgmTikZ 到 SVG 转换的替代 tex4ht 驱动程序。

更简单的解决方案是第二个,它的主要问题是它不适用于 utf8 和 OpenType 字体,但您似乎没有使用它,所以我猜它是可以的。

将以下代码保存为pgfsys-tex4ht.defTeX 文件的目录中:

% Copyright 2006 by Till Tantau
%
% This file may be distributed and/or modified
%
% 1. under the LaTeX Project Public License and/or
% 2. under the GNU Public License.
%
% See the file doc/generic/pgf/licenses/LICENSE for more details.

\ProvidesFileRCS $Header: /cvsroot/pgf/pgf/generic/pgf/systemlayer/pgfsys-tex4ht.def,v 1.25 2013/08/06 17:46:08 tantau Exp $



% Driver commands for tex4ht

%
% Load common pdf commands:
%
  %\input pgfsys-dvisvgm.def
  \input pgfsys-dvips.def

%
% tex4ht-specific stuff:
%

\newcount\pgf@sys@svg@picnum

% configure the output picture format to svg
\AtBeginDocument{
  \Configure{Picture}{.svg}
}


% Make the code inserted by tex4ht configurable

\NewConfigure{tikzpicture}{2}
\Configure{tikzpicture}{%
  % \ifvmode\IgnorePar\fi\EndP%\HtmlParOff
  \Picture*{}
}{\EndPicture}

\let\orig@pgfsys@begin\pgfsys@beginpicture
\let\orig@pgfsys@end\pgfsys@endpicture
\def\pgf@sys@postscript@header#1{{\special{! #1}}}
\def\pgfsys@beginpicture{%
  \bgroup
  \csname a:tikzpicture\endcsname
  \pgf@sys@postscript@header{
    /pgfsc{}bind def% stroke color is empty by default
    /pgffc{}bind def% fill color is empty by default
    /pgfstr{stroke}bind def%
    /pgffill{fill}bind def%
    /pgfeofill{eofill}bind def%
    /pgfe{a dup 0 rlineto exch 0 exch rlineto neg 0 rlineto closepath}bind def% rectangle
    /pgfw{setlinewidth}bind def% setlinewidth
    /pgfs{save pgfpd 72 Resolution div 72 VResolution div neg scale 
      magscale{1 DVImag div dup scale}if 
      pgfx neg pgfy neg translate pgffoa .setopacityalpha}bind def% save
    /pgfr{pgfsd restore}bind def %restore
    userdict begin%
    /pgfo{pgfsd /pgfx currentpoint /pgfy exch def def @beginspecial}bind def %open
    /pgfc{newpath @endspecial pgfpd}bind def %close
    /pgfsd{globaldict /pgfdelta /delta where {pop delta} {0} ifelse put}bind def% save delta
    /pgfpd{/delta globaldict /pgfdelta get def}bind def % put delta
    /.setopacityalpha where {pop} {/.setopacityalpha{pop}def} ifelse % install .setopacityalpha 
    /.pgfsetfillopacityalpha{/pgffoa exch def
      /pgffill{gsave pgffoa .setopacityalpha fill 1 .setopacityalpha newpath fill grestore newpath}bind def
      /pgfeofill{gsave pgffoa .setopacityalpha eofill 1 .setopacityalpha newpath eofill grestore newpath}bind def}bind def
    /.pgfsetstrokeopacityalpha{/pgfsoa exch def /pgfstr{gsave pgfsoa .setopacityalpha stroke grestore newpath}bind def}bind def
    /pgffoa 1 def
    /pgfsoa 1 def
    end
  }%
  \orig@pgfsys@begin%
}%


\def\pgfsys@endpicture{%
  % Save the bounding box
  %\printdim%
  \orig@pgfsys@end%
  \csname b:tikzpicture\endcsname%
  \egroup
  \par% FIXME : was '\Par' but that seems to be undefined!?
}%


\endinput


%%% Local Variables: 
%%% mode: latex
%%% End: 

如果你拥有最新的 tex4ht 发行版(包含在 TeX Live 中),你的文档应该在浏览器中以这种方式呈现:

在此处输入图片描述

相关内容