[Tex/LaTex] Pictures in boxes with rounded corners

tcolorbox

I am using the tcolorbox LaTeX package to create some boxes with rounded corners. Everything works well when text goes in those boxes.

But I want to fill some of those boxes with just a picture (usually jpg format). Using \includegraphics inside the box indeed puts the picture in the box, but the rectangular picture does not have the rounded corners that I want. In other words, I want the corners of the picture to become rounded and not spill outside the box with rounded corners.

I would be grateful if someone can let me know how to do this. It would be nice to do so in tcolorbox, but I am also open to other solutions.

Thanks!

Best Answer

Since tcolorbox is implemented using tikz, this is actually simpler.

\documentclass{standalone}
\usepackage{tikz}

\begin{document}
\begin{tikzpicture}
\sbox0{\includegraphics{example-image}}%
\path[clip,draw,rounded corners=1.5cm] (0,0) rectangle (\wd0,\ht0);
\path (0.5\wd0,0.5\ht0) node[inner sep=0pt]{\usebox0};
\end{tikzpicture}
\end{document}

Related Solutions

[Tex/LaTex] Size and position of boxes in title page

If you want to shuffle multiple boxes around the page, use tikz.

\documentclass[12pt,a4paper]{article}
%\usepackage[utf8]{inputenc}% not with my editor
\usepackage{graphicx} % to be able to embed graphical content
\usepackage{tikz}
\usetikzlibrary{calc}
\usepackage{color}

\definecolor{pink}{HTML}{FDDBC7}
\definecolor{red}{HTML}{B2182B}
\definecolor{blue}{HTML}{4393C3}

\newlength{\tempwidth}

\begin{document}
\thispagestyle{empty}
\begin{tikzpicture}[overlay,remember picture,font=\huge]
\node[below,minimum width={\paperwidth},minimum height={0.5\textwidth},
  fill=red,text=white] at (current page.north) {An awesome report};
\node[minimum width={\paperwidth},minimum height={0.5\textwidth},
  fill=red,text=white] at (current page.center) {An awesome person};
\node[above right,minimum width={0.5\paperwidth},minimum height={0.25\paperwidth},
  draw=blue,line width=5mm,fill=red,text=white] at (current page.south west) {\today};
\node[above left,minimum width={0.5\paperwidth},minimum height={0.25\paperwidth},
  draw=blue,line width=5mm,fill=red,text=white] at (current page.south east)
  {\includegraphics[height=4cm]{example-image}};
\end{tikzpicture}
\newpage
The rest of the document

\end{document}

[Tex/LaTex] tcolorbox: height fill in the middle of the page

This needs some manual effort. In my code, the height of the top and bottom boxes are saved by equal height groups of name topbox and bottombox. Now, the height of the middle boxes are set to \textheight-\topboxheight-\bottomboxheight-4mm where 2mm is the space between the boxes.

tcolorbox version 3.80 (2015/11/27) or newer is needed for this answer.

\documentclass{article}
\usepackage{tcolorbox}
\tcbuselibrary{raster}
\tcbuselibrary{breakable}
\begin{document}
other
\clearpage
%-------------------
\begin{tcolorbox}[equal height group=topbox,
  before skip=0mm,after skip=2mm]a\\a\\a\\a\\a\\a\\a\\a\\a\\a\\a\end{tcolorbox}
\begin{tcbraster}[%
    raster columns=2,
    raster rows=1,
    code={%
      \tcbheightfromgroup\topboxheight{topbox}%
      \tcbheightfromgroup\bottomboxheight{bottombox}%
    },
    raster height=\textheight-\topboxheight-\bottomboxheight-4mm]
    \begin{tcolorbox}
        Here we will have a plot that is nice to extend if there is some space left on the page.
    \end{tcolorbox}
    \begin{tcolorbox}
        Here we will have a plot that is nice to extend if there is some space left on the page.
    \end{tcolorbox}
\end{tcbraster}
\begin{tcolorbox}[equal height group=bottombox,
  before skip=2mm,after skip=0mm]a\\a\\a\\a\\a\\a\\a\\a\\a\\a
\end{tcolorbox}
%-------------------
\clearpage
other
\end{document}

Best Answer

Related Solutions

[Tex/LaTex] Size and position of boxes in title page

[Tex/LaTex] tcolorbox: height fill in the middle of the page

Related Question