アニメーショングラフィックス、ビーマー、SVG出力

2024-6-17 • tag-icon

私はAlexGの答えをこの郵便受けアニメーションを含むビーマープレゼンテーションを取得するため。

問題は、パーソナライズされたビーマーテーマスライドを使用しているのですが、この手順を実行すると、何らかの理由でスライドの一部が破壊されてしまうことです。

私がパーソナライズしたテーマのファイルと、以下のLaTeXコードで使用しているPDF画像はすべてこちらから入手可能。

以下は pdflatex で正常に動作する .tex ファイルの例です。

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

前のコードと pdflatex を使用すると、アニメーションが適切な方法で組み込まれます。

しかし、上記のTexファイルの最初の行を次のように置き換えると、

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

そしてそれをコンパイルします（上記の投稿でAlexGが提案したように）

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

結果はブラウザで確認できます (私は Chromium を使用しています)。残念ながら、スライドの一部が失われています。名前、タイトル、日付の下にある行が消え、右上部分の矢印も消えます。ビーマーレイヤーがすべて消去されたようです。

animategraphics コマンドのサイズをいじってみましたが、何を試しても状況は悪化しています。また、画像のサイズを小さくしてみましたが (これが image_small* ファイルの目的です)、問題は解決しません。不思議なことに、状況はさらに悪化しているようです (画像自体の一部が破損しているようで、上の水平線が灰色になっています)。何か手がかりはありますか? animategraphics のサイズをいじるのは難しそうです...

関連情報