# tikz, decorated paths and blur effect

I would like to add the decorations shown in the image below where a blur effect should be added under the multiplication sign.

Here is my starting code.

\documentclass[12pt]{article}

\usepackage{tikz}

\begin{document}

\begin{tikzpicture}
\matrix[
row sep    = 1em,
column sep = 1.5em,
block/.style={
rectangle,
draw=blue,
thick,
fill=blue!20,
text width=5em,
align=center,
rounded corners,
minimum height=2em
},
]{
& \node {$9665$};      &                \\
\node[block] {$2$}; & \node {$488888887$}; & \node[block] {$3$};   \\
& \node {$777$};       & \node[block] {$11$};  \\
&                      & \node {$99$};  \\
};
\end{tikzpicture}

\end{document}


Two out of countless possible ways to do something like that. This uses the matrix library in order to simplify dealing with the matrix and either a normal circular node or nodes with path pictures.

\documentclass[12pt]{article}
\usepackage{tikz}
\usetikzlibrary{matrix}
\begin{document}

\begin{tikzpicture}[X/.style={circle,draw,fill=white,inner sep=1pt}]
\matrix[matrix of nodes,
row sep    = 1em,
column sep = 1.5em,
block/.style={
rectangle,
draw=blue,
thick,
fill=blue!20,
text width=5em,
align=center,
rounded corners,
minimum height=2em
},
](mat){
&  9665      &                \\
|[block]| 2 &  488888887 & |[block]| 3   \\
&  777       & |[block]| 11  \\
&                      &  99  \\
};
\draw[red] (mat-2-1) -- (mat-2-3) node[midway,draw,X,opacity=0.6]{$\times$};
\draw[red,-latex] (mat-2-3.east) -| ++ (1,1) coordinate[pos=0.5] (aux) -- ++ (-1,0);
\draw[red] (mat-3-3.east) -| (aux) node[pos=0.75,draw,X,opacity=0.6]{$+$};
\end{tikzpicture}

\begin{tikzpicture}[X/.style={circle,draw,fill=white,minimum size=1.4em,
path picture={
\draw (path picture bounding box.north west) --
(path picture bounding box.south east)
(path picture bounding box.north east) --
(path picture bounding box.south west); }},
Plus/.style={circle,draw,fill=white,minimum size=1.4em,
path picture={
\draw (path picture bounding box.west) --
(path picture bounding box.east)
(path picture bounding box.north) --
(path picture bounding box.south); }}]
\matrix[matrix of nodes,
row sep    = 1em,
column sep = 1.5em,
block/.style={
rectangle,
draw=blue,
thick,
fill=blue!20,
text width=5em,
align=center,
rounded corners,
minimum height=2em
},
](mat){
&  9665      &                \\
|[block]| 2 &  488888887 & |[block]| 3   \\
&  777       & |[block]| 11  \\
&                      &  99  \\
};
\draw[red] (mat-2-1) -- (mat-2-3) node[midway,draw,X,opacity=0.6]{};
\draw[red,-latex] (mat-2-3.east) -| ++ (1,1) coordinate[pos=0.5] (aux) -- ++ (-1,0);
\draw[red] (mat-3-3.east) -| (aux) node[pos=0.75,draw,Plus,opacity=0.6]{};
\end{tikzpicture}
\end{document}


• Thanks for this two solutions ! – projetmbc Sep 7 at 21:40
• I have updated my question. The design has a little changed. – projetmbc Sep 8 at 21:31
• @projetmbc I added something, but according to the rules of this site I shouldn't. If this does not address your additional request, I would kindly like to ask you to ask a new question on this. – Schrödinger's cat Sep 8 at 21:47