Wie kann man in TikZ in einer Foreach-Schleife verschieben und drehen, um eine Animation zu erstellen?

Question

Ich möchte das horizontale Segment zum vertikalen animieren, indem ich es um seinen Mittelpunkt drehe und verschiebe. Siehe das GIF unten.

Ich habe keine Ahnung, warum die Übersetzung nicht wie erwartet funktioniert. Das violette Segment sollte an die endgültige blaue Position verschoben werden.

MWE

\documentclass[tikz,margin=2mm]{standalone}
\usetikzlibrary{calc}

\begin{document}
\foreach \a in {0,1,...,10}{%
\begin{tikzpicture}
\useasboundingbox (-.2,-1.2) rectangle (4.2,2.2);
\draw[help lines] (0,0) grid (4,2);

\draw[red] (1,0) -- +(1,0);
\draw[blue] (2,1) -- +(0,1);

\draw[thick] (1,0)++(\a/10,\a/10) -- +(1,0); % translation

\draw[thick] let \p1=(1,0), \p2=(2,0) in [rotate around={-9*\a:(1.5,0)}] (\p1) -- (\p2) ; % rotation around mid point

\draw[thick,red!50!blue,shift={+(\a/10,\a/10)}] let \p1=(1,0), \p2=(2,0) in [rotate around={-9*\a:(1.5,0)}] (\p1) -- (\p2) ; % rotation + translation WRONG!!

\end{tikzpicture}
}
\end{document}

Answer 1

Ich bin nicht sicher, ob ich Ihr Problem verstehe. Ist es das, was Sie wollen?

\documentclass[tikz,margin=2mm]{standalone}
\usetikzlibrary{calc}

\begin{document}
\foreach \a in {0,1,...,10}{%
\begin{tikzpicture}
\useasboundingbox (-.2,-1.2) rectangle (4.2,2.2);
\draw[help lines] (0,0) grid (4,2);

\draw[red] (1,0) -- +(1,0);
\draw[blue] (2,1) -- +(0,1);

%\draw[thick] (1,0)++(\a/10,\a/10) -- +(1,0); % translation

%\draw[thick,green!20!black] let \p1=(1,0), \p2=(2,0) in [rotate around={-9*\a:(1.5,0)}] (\p1) -- (\p2) ; % rotation around mid point

\draw[thick,red!50!blue,shift={(\a/20,\a*1.5/10)}
] 
    let \p1=(1,0), 
        \p2=(2,0) in 
    [rotate around={-9*\a:(1.5,0)}] 
    (\p1) -- (\p2) ; % rotation + translation WRONG!!

\end{tikzpicture}
}
\end{document}

Answer 2

Ich denke, Sie sollten die Zeile hinzufügen:

\draw [green,rotate around={-9*\a:(2,0.1*\a)}] (1,0.1*\a) -- (2,0.1*\a); %Correct rotation

Es würde also so aussehen:

\documentclass[tikz,margin=2mm]{standalone}
\usetikzlibrary{calc}

\begin{document}
\foreach \a in {0,1,...,10}{%
\begin{tikzpicture}
\useasboundingbox (-.2,-1.2) rectangle (4.2,2.2);
\draw[help lines] (0,0) grid (4,2);

\draw[red] (1,0) -- +(1,0);
\draw[blue] (2,1) -- +(0,1);

\draw[thick] (1,0)++(\a/10,\a/10) -- +(1,0); % translation

\draw[thick] let \p1=(1,0), \p2=(2,0) in [rotate around={-9*\a:(1.5,0)}] (\p1) -- (\p2) ; % rotation around mid point

\draw[thick,red!50!blue,shift={+(\a/10,\a/10)}] let \p1=(1,0), \p2=(2,0) in [rotate around={-9*\a:(1.5,0)}] (\p1) -- (\p2) ; % rotation + translation WRONG!!

%\draw [magenta,rotate around={-9*\a:(2,0)}] (1,0) -- (2,0); %rotation

%\draw [yellow] (1,0.1*\a) -- (2,0.1*\a);%translation vertical

\draw [green,rotate around={-9*\a:(2,0.1*\a)}] (1,0.1*\a) -- (2,0.1*\a); %Correct rotation

\end{tikzpicture}
}
\end{document}