How can I wrap a text in a rectange inside a cloud?

Question

I am using code in the following solution How can I write perfectly centered tex inside a cloud figure?:

\documentclass[border=0.2cm]{standalone}
\usepackage{tikz}
\usetikzlibrary{shapes.symbols}
\begin{document}
\begin{tikzpicture}
   \node[text width=0.8cm,inner sep=0pt]
   [execute at begin node=\setlength{\baselineskip}{8pt},
       cloud,
       draw] (c) at (0,0)
   {\scriptsize{Lost\\Broker}};
\end{tikzpicture}
\end{document}

I want to draw additional aligned rectange inside the cloud. Is it possible to wrap text inside the cloud with a rectangle as below, filling inside with gray if possible?

hpekristiansen · Answer 1 · 2022-07-07T12:18:49.740

3

You can use a label like this

\documentclass[tikz, border=1cm]{standalone}
\usetikzlibrary{shapes.symbols}
\begin{document}
\begin{tikzpicture}
\node[cloud, draw, text width=0.6cm, label={[draw, text width=0.8cm, inner sep=2pt, font=\scriptsize]center:{Lost\\Broker}}] {};
\end{tikzpicture}
\end{document}

\documentclass[tikz, border=1cm]{standalone}
\usetikzlibrary{shapes.symbols}
\begin{document}
\begin{tikzpicture}
\node[cloud, fill=cyan, draw, text width=0.6cm, label={[draw, fill=pink, text width=0.8cm, inner sep=2pt, font=\scriptsize]center:{Lost\\Broker}}] {};
\end{tikzpicture}
\end{document}

edited Jul 07 '22 at 12:18

answered Jul 07 '22 at 11:36

hpekristiansen

37,006

Is it possible to fill color inside of the rectangle? – alper Jul 07 '22 at 11:38
Yes - just add fill=... – hpekristiansen Jul 07 '22 at 12:19
I'd do \node[cloud, fill=cyan, draw, node font=\scriptsize, align=center, label={[draw, fill=pink, node font=\scriptsize, align=center]center:{Lost\\Broker}}] {\phantom{Lost}\\\phantom{Broker}}; so that there's no fiddling needed with text width because the cloud will be automatically big enough for the label to fit. – Qrrbrbirlbel Oct 16 '22 at 21:26

muzimuzhi Z · Accepted Answer · 2022-10-16T21:02:49.297

3

An other approach using tikz library fit: a cloud node fit to the size of a rectangle node

\documentclass[border=0.2cm]{standalone}
\usepackage{tikz}
\usetikzlibrary{shapes.symbols, fit}
\begin{document}
\begin{tikzpicture}
   \node[text width=0.8cm, inner sep=1pt, fill=gray!50]
        [node font=\setlength{\baselineskip}{8pt}\scriptsize, draw] 
      (c) at (0,0)
      {Lost\\ Broker};
    \node[draw, cloud, inner sep=-1pt, fit=(c)] {};
\end{tikzpicture}
\end{document}

Update: To color (fill) the cloud:

\documentclass[border=0.2cm]{standalone}
\usepackage{tikz}
\usetikzlibrary{backgrounds, shapes.symbols, fit}
\begin{document}
\begin{tikzpicture}
  \node[text width=0.8cm, inner sep=1pt, fill=gray!50]
       [node font=\setlength{\baselineskip}{8pt}\scriptsize, draw] 
    (c) at (0,0) {Lost\ Broker};
  \scoped[on background layer]
    \node[draw, cloud, inner sep=-1pt, fit=(c), fill=cyan!30] {};
\end{tikzpicture}
\end{document}

edited Oct 16 '22 at 21:02

answered Jul 07 '22 at 11:36

muzimuzhi Z

26,474

if I use \textbf{Broker} instead of Broker it exceeds the rectange is it possible to make rectange align for the bolded text as well? – alper Jul 07 '22 at 11:43
Is it also possible to label cloud node? When I draw arrows into c it does not draw starting from the cloud – alper Jul 07 '22 at 11:48
1

@alper Replace text width=0.8cm with align=left. But then you lose auto linebreaks. – muzimuzhi Z Jul 07 '22 at 11:48
1

@alper Yes you can name the fit node, for example \node[..., fit=(c)] (c') {}; then use c' in following drawing. – muzimuzhi Z Jul 07 '22 at 11:50
sorry for the late question, is it possible to color the cloud at the background? – alper Oct 12 '22 at 16:35
@alper See update. – muzimuzhi Z Oct 13 '22 at 17:38
1

Image server had problems. Is up and running now. You may want to try to upload the image again. – Jasper Habicht Oct 13 '22 at 20:04

score 1 · Answer 3 · answered Jul 07 '22 at 11:28

You can use an \fcolorbox. This does not allow line breaks though, for that you can put the text inside a \parbox. You may need to play with the box width (9mm in the MWE) to get the correct line break.

Note also that \scriptsize is not a command that takes an argument, it is a switch that changes the font size until a new font size command is found or until the group ends. So the correct syntax is \scriptsize Some text and not \scriptsize{Some text}.

\documentclass[border=0.2cm]{standalone}
\usepackage{tikz}
\usetikzlibrary{shapes.symbols}
\begin{document}
\begin{tikzpicture}
   \node[inner sep=0pt,cloud,draw] (c) at (0,0)
   {\fcolorbox{black}{gray}{\parbox{9mm}{\scriptsize Lost Broker}}};
\end{tikzpicture}
\end{document}

Is it possible to force the text to be centered as well? – alper Jul 07 '22 at 11:51 — alper, Jul 07 '22 at 11:51
Yes, with \parbox{9mm}{\centering\scriptsize Lost Broker} – Jasper Habicht Jul 07 '22 at 13:21 — Jasper Habicht, Jul 07 '22 at 13:21

How can I wrap a text in a rectange inside a cloud?

3 Answers3

Linked