Saídas de gráficos animados, beamer e SVG

2024-6-17 • tag-icon

Saídas de gráficos animados, beamer e SVG

Estou tentando adaptar a resposta do AlexG paraesta postagempara obter uma apresentação do projetor que inclui uma animação.

O problema é que eu uso algum slide com tema beamer personalizado e por algum motivo uma parte do slide é destruída quando sigo esse procedimento.

Os arquivos do meu tema personalizado e as imagens em pdf que utilizo no código latex abaixo são todosdisponivel aqui.

Aqui está um exemplo de arquivo .tex que funciona bem com pdflatex :

\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}

Com o código anterior e usando pdflatex, a animação é incluída de forma adequada:

No entanto, se eu substituir a primeira linha do arquivo tex acima por

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

e compile-o com (como sugerido por AlexG no post citado acima)

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

O resultado pode então ser visualizado em um navegador (eu uso o Chromium); infelizmente, uma parte do slide está faltando. A linha abaixo com nome, título e data desaparecem e também as setas na parte superior direita; parece que toda a camada do beamer foi apagada:

Tentei brincar com o tamanho do comando animategraphics, mas não importa o que eu tente, está ficando ainda pior! Também tentei reduzir o tamanho da imagem (essa é a finalidade dos arquivos image_small*), mas não resolve o problema. Estranhamente, parece ainda pior (e uma parte da imagem em si parece destruída, a linha horizontal acima é cinza). Qualquer pista ? Brincar com o tamanho dos animategráficos parece complicado...

informação relacionada