動畫圖形、投影機和 svg 輸出

2024-6-19 • tag-icon

我正在嘗試調整 AlexG 的答案這個帖子為了獲得包含動畫的投影機簡報。

問題是我使用了一些個性化的投影機主題幻燈片，並且由於某種原因，當我按照此過程操作時，幻燈片的一部分被破壞。

我的個人化主題的文件和我在下面的乳膠程式碼中使用的pdf圖像都是可以在這裡找到。

這是 .tex 檔案的範例，它可以與 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}

透過前面的程式碼並使用 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* 文件的目的），但它不能解決問題。奇怪的是，它看起來更糟（圖像本身的一部分似乎被破壞了，上面的水平線是灰色的）。有什麼線索嗎？調整動畫圖形的大小似乎很棘手...

相關內容