带箭头的十字相乘

Question

我正在尝试寻找有关如何重现以下图像的帮助。除了以下示例外，我没有太多其他信息：

\documentclass{article}
\usepackage{amsmath,mathtools}
\begin{document}
\begin{align*}
\dfrac{3}{5}&=\dfrac{4.50}{x}\\
          3x&=5(4.50) &&\textcolor{blue}{\text{Set cross products equal}}
\end{align*}
\end{document}

这是我想要的图像：

有人可以帮忙吗？

Answer 1

这是一项建议。通常，可以通过拨打 来消除交叉点处的较暗区域transparency group，但由于某种原因，这会导致箭头消失。

\documentclass{article}
\usepackage{amsmath,mathtools}
\usepackage{tikz}
\usetikzlibrary{tikzmark,calc,shapes.arrows}
\begin{document}
\begin{align*}
\tikzmark{f1}\dfrac{3}{5}&=\dfrac{4.50}{x}\tikzmark{f2}\\
          3x&=5(4.50) &&\textcolor{blue}{\text{Set cross products equal}}
\end{align*}
\begin{tikzpicture}[overlay,remember picture]
\begin{scope}[opacity=0.2]
\begin{scope}[blend mode=multiply]
\path let 
\p1=($([yshift=4mm,xshift=3mm]pic cs:f2)-([yshift=-2mm,xshift=-3mm]pic cs:f1)$),
\n1={veclen(\x1,\y1)} in
([yshift=-2mm,xshift=-3mm]pic cs:f1) -- ([yshift=4mm,xshift=3mm]pic cs:f2)
node[fill=blue,midway,sloped,single arrow,minimum height=\n1]{};
\path let 
\p1=($([yshift=4mm,xshift=-3mm]pic cs:f1)-([yshift=-2mm,xshift=3mm]pic cs:f2)$),
\n1={veclen(\x1,\y1)} in
([yshift=-2mm,xshift=3mm]pic cs:f2) -- ([yshift=4mm,xshift=-3mm]pic cs:f1)
node[fill=blue,midway,sloped,single arrow,minimum height=\n1,
shape border rotate=180]{};
\end{scope}
\end{scope}
\end{tikzpicture}
\end{document}