Create tikz image from image template

Question

Which tikz tool can be used to create a tikz image from a image template? for example, I have a png file as below, I just want to create the same image with tikz. Maybe tool to load the image firstly, then draw on it to get tikz code, then remove the original image to get a tikz copy.

Answer 1

Even though there is a way to draw on an image, however, it is much simpler to draw the diagram directly if you have all the details which in your case, it seems to me you have it. Drawing your diagram is trivial and can be easily done by Tikz. This is a result of the following code

\documentclass[border={10pt}]{standalone}

\usepackage{tikz}


\begin{document}

\begin{tikzpicture}

\draw[very thick,rounded corners] 
(-.2,.2) -- (8.2,0.2) -- (8.2,-1.2) -- (7.2,-2.2) -- (0.8,-2.2) -- (-.2,-1.2) -- cycle;
\draw[thin,rounded corners] 
(-.1,.1) -- (8.1,0.1) -- (8.1,-1.1) -- (7.1,-2.1) -- (0.9,-2.1) -- (-.1,-1.1) -- cycle;
\fill[gray!20, draw=black, very thick,rounded corners] 
(0,0) -- (8,0) -- (8,-1) -- (7,-2) -- (1,-2) -- (0,-1) -- cycle;

\draw[thick] (2,.2) -- ( 2.1,.28) -- (2.4,.28) -- (2.5,.2);
\draw[thick] (3.75,.2) -- ( 3.85,.28) -- (4.15,.28) -- (4.25,.2);
\draw[thick] (6,.2) -- ( 5.9,.28) -- (5.6,.28) -- (5.5,.2);

\filldraw[fill=white, draw=black] (2,-.01) rectangle (6,-1);
\filldraw[fill=white, draw=black] (1,.9)   rectangle (1.6,0.22);
\filldraw[fill=white, draw=black] (6.4,.9) rectangle (7,0.22);
\filldraw[fill=yellow, draw=black] (2.2,-.5) rectangle node[yshift=1.6cm]{\Large 5} (2.6,-1.3) ;
\filldraw[fill=white, draw=black]  (2.2,-1.3) rectangle (2.6,-1.6);
\filldraw[fill=yellow, draw=black] (3.0,-.5) rectangle node[yshift=1.6cm]{\Large 4} (3.4,-1.3);
\filldraw[fill=white, draw=black]  (3.0,-1.3) rectangle (3.4,-1.6);
\filldraw[fill=yellow, draw=black] (3.8,-.5) rectangle node[yshift=1.6cm]{\Large 3} (4.2,-1.3);
\filldraw[fill=white, draw=black]  (3.8,-1.3) rectangle (4.2,-1.6);
\filldraw[fill=yellow, draw=black] (4.6,-.5) rectangle node[yshift=1.6cm]{\Large 2}(5.0,-1.3);
\filldraw[fill=white, draw=black]  (4.6,-1.3) rectangle (5.0,-1.6);
\filldraw[fill=yellow, draw=black] (5.4,-.5) rectangle node[yshift=1.6cm]{\Large 1} (5.8,-1.3);
\filldraw[fill=white, draw=black]  (5.4,-1.3) rectangle (5.8,-1.6);
\node at (4,-2.8) {\textbf{Micro USB Male connector}};

\end{tikzpicture}

\end{document}