애니메이트그래픽, 비머 및 SVG 출력

2024-6-17 • tag-icon

AlexG의 답변을 다음에 적용하려고합니다.이 게시물애니메이션이 포함된 비머 프리젠테이션을 얻으려면

문제는 개인화된 비머 테마 슬라이드를 사용하는데 이 절차를 따를 때 어떤 이유로 슬라이드의 일부가 손상된다는 것입니다.

아래 라텍스 코드에서 사용하는 개인화된 테마 파일과 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* 파일의 목적) 문제가 해결되지 않았습니다. 이상하게도 상황은 더욱 악화된 것 같습니다(그리고 이미지 자체의 일부가 손상된 것 같습니다. 위의 수평선은 회색입니다). 어떤 단서가 있습니까? 애니메이션 그래픽의 크기를 가지고 노는 것은 까다로워 보입니다...

관련 정보