如何使用圖像淡入淡出文字而不影響背景圖像?

如何使用圖像淡入淡出文字而不影響背景圖像?

我有一個背景圖像,需要在其上顯示一些文字。我想使用圖像淡入淡出文字而不影響背景圖像。據我了解,鑑於 Ti 中第 115.3 節“指定衰落”,這應該是可能的kZ 和 PGF 手冊指出:

您會建立一張普通圖片,其中甚至可能包含文字、圖像和陰影。然後,您根據該圖片建立淡入淡出效果。為此,分析圖片每個像素的亮度(像素越亮,亮度越高 - 黑色像素的亮度為 0,白色像素的亮度為 1,灰色像素與紅色像素一樣具有一些中間值) )。然後,當使用淡入淡出時,像素的亮度決定該位置的淡入淡出的不透明度。淡入淡出中圖片為黑色的位置將完全透明,圖片為白色的位置將完全不透明。圖片中根本沒有畫過的位置總是完全透明的。

這是一個 MWE不是但做我想做的事:

\documentclass{article}

\usepackage{graphicx}
\usepackage{lipsum}
\usepackage{tikz}

\begin{document}

\pgfdeclarefading{myfading}{fadpix-jpg-rsz} 

\begin{tikzpicture}[remember picture, overlay]
  \node[inner sep=0pt] at (current page.center) {%
    \includegraphics[scale=0.5]{Utah_Teapot_mr_maya.jpg}
  };%
  \begin{scope}[shift={(current page.center)}]
    \pgfsetfading{myfading}{\pgftransformshift{\pgfpoint{1cm}{1cm}}} % causes text to disappear
    \node[white,text width=11.0cm] at (0.0cm,0.0cm) {\lipsum[1-2]};    
  \end{scope}  
\end{tikzpicture}
\end{document}

我正在使用猶他茶壺作為範例背景圖像和利蘇姆產生一些範例文字。圖片fadpix-jpg-rsz如下:

在此輸入影像描述

需要明確的是:我希望使用這張圖片使文字褪色,但背景圖片(茶壺)不受影響。目前, 的行會\pgfsetfading導致整個文字消失。當我註解掉它時,文字是可見的。

我究竟做錯了什麼?我想要的事情還能完成嗎?

(附註:我使用了article而不是類,standalone因為後者不斷給我空的兩頁文檔,第二頁很長。當我使用該preview選項時,文檔導致Skim崩潰,MacOSPreview顯示空白文件。)

答案1

首先,您實際上需要使用褪色圖片,而不僅僅是設定文字 fadpix-jpg-rsz。

第二,看起來好像無法透過座標移動淡入淡出(至少不能使用 pgf 指令,也許它可以與 tikz 鍵一起使用),它會黏在左上角。但是如果我使用 Shipout/background 掛鉤將圖片移到中心,它就可以工作:

\documentclass{article}

\usepackage{graphicx}
\usepackage{lipsum}
\usepackage{tikz}
\pgfdeclarefading{myfading}{\includegraphics[width=11cm]{fadpix-jpg-rsz.jpg}}  

\begin{document}
\mbox{} 

\AddToHook{shipout/background} 
 {
   \put(0.5\paperwidth,-0.5\paperheight)
   {% 
    \begin{tikzpicture}[remember picture,overlay]
     \node[inner sep=0pt] {%
     \includegraphics[width=11cm]{Utah_Teapot_mr_maya.jpg}
     %\includegraphics[width=11cm]{fadpix-jpg-rsz.jpg} %for test
      };%
    \begin{scope}[scope fading=myfading]
     \pgfsetfading{myfading}{} % 
     \node[text=white,text width=11.0cm] 
     {\lipsum[1-3]}; 
    \end{scope}  
  \end{tikzpicture}
 }}

\end{document}

在此輸入影像描述

相關內容