☰

Posicionamento relativo: como evitar o descentramento das imagens externas?

tag-icon • tag-icon graphics positioning crop
Posicionamento relativo: como evitar o descentramento das imagens externas?

Fiquei com o seguinte problema ao criar a seção "Quem somos" para um plano de negócios. O código

\documentclass[a4paper]{article}

\usepackage[english]{babel}
\usepackage[utf8]{inputenc}
\usepackage{amsmath}
\usepackage{graphicx}
\usepackage{tikz}
\usetikzlibrary{positioning}

\begin{document}

\begin{tikzpicture}[every node/.style={inner sep=0pt,outer sep=0pt,align=center},path image/.style={align=center,
path picture={align=center,
\node at (path picture bounding box.center) {
\includegraphics[width=5cm]{#1}
};}}]
\centering
\node[circle,align=center,minimum size=4cm,path image=frog.jpg,draw=white,ultra thin] (bergkamp) {};
\node[text width=4cm,below=of bergkamp] (bergkampbio) {Dennis Bergkamp \\ founder  \\ \textit{Amsterdam graduate} \\ \textit{Harvard professor}};

\node[circle,align=center,minimum size=4cm,right=of bergkamp,path image=frog.jpg,draw=white,ultra thin] (henry) {};
\node[text width=4cm,below=of henry] (henrybio) {Thierry Henry \\ cofounder \\ \textit{Princeton graduate} \\ \textit{USTC professor}};

\node[circle,minimum size=4cm,path image=frog.jpg,draw=white,ultra thin,right=of henry] (pires) {};
\node[text width=4cm,below=of pires] (piresbio) {Robert Pires \\ assistant \\ \textit{PhD student} \\ \textit{HSE, Math department}};

\node[circle,align=center,minimum size=4cm,path image=frog.jpg,draw=white,ultra thin,below=of bergkampbio] (vieira) {};
\node[text width=4cm,below=of vieira] (vieibio) {Partick Vieira \\ team lead \\ \textit{University of Milano} \\ \textit{Imperial College} };

\node[circle,align=center,minimum size=4cm,path image=frog.jpg,draw=white,ultra thin,below=of henrybio] (keane) {};
\node[text width=4cm,below=of keane] (keanobio) {Roy Keane \\ marketing \\ \textit{University of Nottingham} \\ \textit{Manchester fellow} };


\end{tikzpicture}
\end{document}

fornece

Nosso time

Obviamente são procuradas cinco caras de sapo . Outro problema é que a imagem inteira não está centralizada corretamente (as margens à esquerda são maiores que as margens à direita), mas acho que é relativamente fácil consertar isso brincando com 0.33*\textwidth.

Responder1

% !TEX TS-program = pdflatex
% !TEX encoding = UTF-8 Unicode
% arara: pdflatex: { synctex: true }
\pdfminorversion=7

\documentclass[a4paper]{article}

\usepackage{tikz,graphicx}
\usetikzlibrary{positioning}

\begin{document}
  {\centering
    \makebox[0pt]{%
      \begin{tikzpicture}
        [
        every node/.style={
          inner sep=0pt,outer sep=0pt,align=center
        },
        path image/.style n args=2{
          path picture={
            \node (#1) at (path picture bounding box.center) {\includegraphics[width=5cm]{#2}};
          },
          draw=red,
          ultra thin
        }
        ]
        \path [path image={bergkamp}{tiger}] circle (20mm);
        \node[text width=4cm,below=of bergkamp] (bergkampbio) {Dennis Bergkamp \\ founder  \\ \textit{Amsterdam graduate} \\ \textit{Harvard professor}};
        \path  [path image={henry}{tiger}] ([xshift=25mm]bergkamp.east)  circle (20mm);
        \node[text width=4cm,below=of henry] (henrybio) {Thierry Henry \\ cofounder \\ \textit{Princeton graduate} \\ \textit{USTC professor}};
        \path  [path image={pires}{tiger}] ([xshift=25mm]henry.east)  circle (20mm);
        \node[text width=4cm,below=of pires] (piresbio) {Robert Pires \\ assistant \\ \textit{PhD student} \\ \textit{HSE, Math department}};
        \path  [path image={vieira}{tiger}] ([yshift=-25mm]bergkampbio.south)  circle (20mm);
        \node[text width=4cm,below=of vieira] (vieibio) {Partick Vieira \\ team lead \\ \textit{University of Milano} \\ \textit{Imperial College} };
        \path  [path image={keane}{tiger}] ([yshift=-25mm]henrybio.south)  circle (20mm);
        \node[text width=4cm,below=of keane] (keanobio) {Roy Keane \\ marketing \\ \textit{University of Nottingham} \\ \textit{Manchester fellow} };
      \end{tikzpicture}}\par}
\end{document}

tigres

informação relacionada