Animategraphics-, Beamer- und SVG-Ausgaben

2024-6-17 • tag-icon

Animategraphics-, Beamer- und SVG-Ausgaben

Ich versuche die Antwort von AlexG anzupassen andieser Beitragum eine Beamerpräsentation mit integrierter Animation zu erhalten.

Das Problem besteht darin, dass ich eine personalisierte Folie mit Beamer-Design verwende und aus irgendeinem Grund ein Teil der Folie zerstört wird, wenn ich dieses Verfahren befolge.

Die Dateien meines personalisierten Themes und die PDF-Bilder, die ich im Latex-Code unten verwende, sind allehier verfügbar.

Hier ist ein Beispiel für eine .tex-Datei, die gut mit pdflatex funktioniert:

\documentclass[dvisvgm,hypertext,aspectratio=169]{beamer}
\usetheme{wamclassic}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage{pgfplots}
\usepackage{animate}
\usepackage{graphicx}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% PageDown, PageUp key event handling; navigation symbols
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\usepackage[totpages]{zref}
\usepackage{atbegshi}
\usepackage{fontawesome}
\setbeamertemplate{navigation symbols}{}
\AtBeginShipout{%
  \AtBeginShipoutAddToBox{%
    \special{dvisvgm:raw
      <defs>
      <script type="text/javascript">
      <![CDATA[
        document.addEventListener('keydown', function(e){
          if(e.key=='PageDown'){
            \ifnum\thepage<\ztotpages
              document.location.replace('\jobname-\the\numexpr\thepage+1\relax.svg');%
            \fi
          }else if(e.key=='PageUp'){
            \ifnum\thepage>1
              document.location.replace('\jobname-\the\numexpr\thepage-1\relax.svg');%
            \fi%
          }
        });
      ]]>
      </script>
      </defs>
    }%
  }%
  \AtBeginShipoutUpperLeftForeground{%
    \raisebox{-\dimexpr\height+0.5ex\relax}[0pt][0pt]{\makebox[\paperwidth][r]{%
      \normalsize\color{jolijaune}%
      \ifnum\thepage>1%
        \href{\jobname-\the\numexpr\thepage-1\relax.svg}{\faArrowLeft}%
      \else%  
        \textcolor{lightgray}{\faArrowLeft}%  
      \fi\hspace{0.5ex}%
      \ifnum\thepage<\ztotpages%
        \href{\jobname-\the\numexpr\thepage+1\relax.svg}{\faArrowRight}%
      \else%
        \textcolor{lightgray}{\faArrowRight}%  
      \fi%
      \hspace{0.5ex}%
    }}%
  }%  
}%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%



  \title{\hspace{1.5cm} Name -- Title of the talk}

\institute{LJLL, Sorbonne Université}


  \begin{document}


\begin{frame}
\frametitle{First slide}
\begin{center}
  This beamer style will be destroyed.
  \end{center}
\end{frame}

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}
  \frametitle{Destroyed}
  \vfill
\makebox[\textwidth]{\animategraphics[loop,controls]{30}{image}{1}{2}}
\vfill
\end{frame}

\begin{frame}
  \frametitle{Destroyed}
  \vfill
\makebox[\textwidth]{\animategraphics[loop,controls]{30}{image_small}{1}{2}}
\vfill
\end{frame}
\end{document}

Mit dem vorherigen Code und der Verwendung von pdflatex wird die Animation ordnungsgemäß eingebunden:

Wenn ich jedoch die erste Zeile der obigen Tex-Datei ersetze durch

\documentclass[dvisvgm,hypertext,aspectratio=169]{beamer}

und kompilieren Sie es mit (wie von AlexG im oben zitierten Beitrag vorgeschlagen)

latex example
latex example
dvisvgm --font-format=woff2 --bbox=papersize --zoom=-1 -p1,- --output=%f-%1p example

Das Ergebnis kann dann in einem Browser (ich verwende Chromium) betrachtet werden; leider fehlt dann ein Teil der Folie. Die Zeile darunter mit Name, Titel und Datum verschwindet ebenso wie die Pfeile oben rechts; es scheint, als ob die gesamte Beamer-Ebene gelöscht wurde:

Ich habe versucht, mit der Größe des Animategraphics-Befehls zu spielen, aber was ich auch versuche, es wird immer schlimmer! Ich habe auch versucht, die Bildgröße zu reduzieren (das ist der Zweck der image_small*-Dateien), aber das löst das Problem nicht. Seltsamerweise scheint es sogar noch schlimmer zu sein (und ein Teil des Bildes selbst scheint zerstört zu sein, die horizontale Linie oben ist grau). Irgendeine Ahnung? Das Spielen mit der Größe von Animategraphics scheint schwierig zu sein ...

verwandte Informationen