با سلام
من خودم به شخصه از tikz استفاده می کنم.
\documentclass{article}
\usepackage[usenames,dvipsnames]{color,xcolor}
\usepackage{tikz}
\usetikzlibrary{calc,shapes}
\usepackage[active,tightpage]{preview}
\PreviewEnvironment{tikzpicture}
\setlength\PreviewBorder{1mm}%
\begin{document}
\begin{tikzpicture}[rotate=20]
\draw[-latex](0,0)--(8,0)node[below,midway,rotate=20]{$\overrightarrow{v}$};
\draw[-latex,blue](0,0)--(3,0) node[below,midway,rotate=20]{$\overrightarrow{v}||\overrightarrow{u}$};
\draw[-latex,blue](3,0)--(3,4) node[midway,sloped,above,rotate=20]{$\overrightarrow{v}\bot \overrightarrow{u}$};
\draw[xshift=3cm](0,0)rectangle(.3,.3);
\end{tikzpicture}
\end{document}
نکات:
الف) این کد کامل نیست، انتظار بر این است که بتوانید براحتی شکل را کامل کنید.
ب) مثلا دستور زیر را در نظر بگیرید.
\draw[-latex](0,0)--(8,0)node[below,midway,rotate=20]{$\overrightarrow{v}$};
با این دستور یک خط از مبدا (0,0) به مقصد (8,0) رسم می کنیم. latex- یعنی یک خط که یک پیکان در نوک آن قرار دارد.
در انتها نیز یک node می گذاریم که یک text برای این خط بگذارد، این text را در وسط خط و پایین آن میگذاریم.
دقت کنید که کل شکل را به اندازه ۲۰ درجه rotate می کنیم،
\begin{tikzpicture}[rotate=20]
اما در این کار فقط اشکال rotate می شود برای rotateکردن text یک rotate=20 نیز اضافه می کنی.
یک مربع کوجک نیز قرار داده شده است.
\draw[xshift=3cm](0,0)rectangle(.3,.3);
با توجه به نکات بالا میتوانید بفهمید که چرا این مربع rotate شده است.
ج) احتمالا برای کامل کردن شکل نیاز به رسم یک منحنی دارید، برای نشان دادن زاویه. دستور زیر را قرار دهید و خودتان آن را کامل کنید.
\draw (0,0) ++(45:.8) arc (45:-45:.8);
باتشکر