How to clip a background including nodes according to an arbitrary shape?How can I invert a 'clip' selection within TikZ?Tikz clip shapes with another (built in) shapeTikz clip shapes with another (built in) shapeFill Nodes according to table/data fileHow to define the default vertical distance between nodes?Rotate Tikzpicture including nodesInput/Output Nodes - Specification and Description Languageuse circuitikz picture inside tikzpictureBackground clip to text TikzRelative transparency in TikZ?Rectanglar cloud shaped node in TikZIdeal shape of elliptical nodes

Exporting list of URLs

Norms on fields

Are babies of evil humanoid species inherently evil?

Best approach to update all entries in a list that is paginated?

What to do when during a meeting client people start to fight (even physically) with each others?

Is there any way to damage Intellect Devourer(s) when already within a creature's skull?

Replacing Windows 7 security updates with anti-virus?

If the Captain's screens are out, does he switch seats with the co-pilot?

Why is Beresheet doing a only a one-way trip?

Am I not good enough for you?

Virginia employer terminated employee and wants signing bonus returned

In the late 1940’s to early 1950’s what technology was available that could melt a LOT of ice?

Latest web browser compatible with Windows 98

Solving "Resistance between two nodes on a grid" problem in Mathematica

Force user to remove USB token

Why is there a voltage between the mains ground and my radiator?

Is "history" a male-biased word ("his+story")?

infinitive telling the purpose

The bar has been raised

What is the likely impact of grounding an entire aircraft series?

Does "variables should live in the smallest scope as possible" include the case "variables should not exist if possible"?

Could you please stop shuffling the deck and play already?

How to create a hard link to an inode (ext4)?

Good allowance savings plan?



How to clip a background including nodes according to an arbitrary shape?


How can I invert a 'clip' selection within TikZ?Tikz clip shapes with another (built in) shapeTikz clip shapes with another (built in) shapeFill Nodes according to table/data fileHow to define the default vertical distance between nodes?Rotate Tikzpicture including nodesInput/Output Nodes - Specification and Description Languageuse circuitikz picture inside tikzpictureBackground clip to text TikzRelative transparency in TikZ?Rectanglar cloud shaped node in TikZIdeal shape of elliptical nodes













5















The following WE



documentclass[border=10pt]standalone
usepackage[dvipsnames]xcolor
usepackagetikz
usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

tikzstylebackA=[rectangle,
fill=blue!30,
inner sep=0.2cm,
rounded corners=0mm]

tikzstylebackB=[rectangle,
fill=purple!15,
inner sep=0.2cm,
rounded corners=0mm]

tikzstylebackC=[rectangle,
fill=yellow!40,
inner sep=0.2cm,
rounded corners=0mm]

tikzset%
 >=Latex[width=2mm,length=2mm],
 base/.style = rectangle, rounded corners, draw=black,
 minimum width=1cm, minimum height=1cm,
 text centered,inner sep=0.3cm,
 operation/.style = base, fill=SkyBlue,


begindocument 
begintikzpicture[node distance=0.8cm,
 every node/.style=fill=white, align=center]
 node (controller) [operation] Microcontroller;
 node (regulator) [operation, below = of controller] Regulator;
 node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
 node (sensor) [operation, above = of controller] Sensor;
 node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
 node (driver1) [operation, right = of sensor] Driver 1;
 node (driver2) [operation, left = of sensor] Driver 2;
 node (power) [operation, left = of regulator, align=center] Input \ Power;
 node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
 node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
 node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
 coordinate[left = of power] (d1) ;
 coordinate[above = of d1, yshift=5.5cm] (d2) ;

 draw[->] (controller) -- (transceiver);
 draw[<->] (controller) -- (sensor);
 draw[->] (driver1) -- (motor1);
 draw[->] (driver2) -- (motor2);
 draw[<->] (sensor) -- (motor2);
 draw[<->] (sensor) -- (motor1);
 draw[->] (controller) -- (driver1);
 draw[->] (controller) -- (driver2);
 draw[->] (controller) -- (flash);
 draw[->] (regulator) -- (controller);
 draw[->] (power) -- (regulator);
 draw[<->] (transceiver) -- (computer);
 draw[->] (power) -- (d1) |- (motor2);
 draw[->] (power) -- (d1) -- (d2) -| (motor1);

 beginpgfonlayerbackground
 node [backC,
 fit=(driver1) (driver2) (sensor) (motor1) (motor2),
 label=above:] ;

 node [backA,
 fit=(computer) (transceiver),
 label=above:] ;

 node [backB,
 fit=(regulator) (power),
 label=above:] ;
 endpgfonlayer
 endtikzpicture
enddocument


yields



enter image description here



Since the driver1 node should have been exclusively covered by the yellow background, I need to subtract the specific part of the violet background which interferes with the yellow one. In particular, an acceptable boundary for the violet background may roughly be like this:



enter image description here



How can I achieve something like that?






tikz-pgf







share|improve this question






















  • Might be useful: tex.stackexchange.com/questions/53184/…

    – Raaja
    6 hours ago






  • 1





    I don't think you need to crop the blue part. You only have to draw the yellow part after the blue part -- in that case, the yellow part will overfill the blue part.

    – JouleV
    6 hours ago











  • @Roboticist If I understand your comment, you only need to put a white frame of the yellow part. This can be done with draw=white.

    – JouleV
    6 hours ago






  • 1





    @JouleV: The yellow background is indeed drawn "after" the blue background in the WE. Additionally, I'd like to know a potential approach to achieving margins with arbitrary shapes.

    – Roboticist
    6 hours ago
















5















The following WE



documentclass[border=10pt]standalone
usepackage[dvipsnames]xcolor
usepackagetikz
usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

tikzstylebackA=[rectangle,
fill=blue!30,
inner sep=0.2cm,
rounded corners=0mm]

tikzstylebackB=[rectangle,
fill=purple!15,
inner sep=0.2cm,
rounded corners=0mm]

tikzstylebackC=[rectangle,
fill=yellow!40,
inner sep=0.2cm,
rounded corners=0mm]

tikzset%
 >=Latex[width=2mm,length=2mm],
 base/.style = rectangle, rounded corners, draw=black,
 minimum width=1cm, minimum height=1cm,
 text centered,inner sep=0.3cm,
 operation/.style = base, fill=SkyBlue,


begindocument 
begintikzpicture[node distance=0.8cm,
 every node/.style=fill=white, align=center]
 node (controller) [operation] Microcontroller;
 node (regulator) [operation, below = of controller] Regulator;
 node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
 node (sensor) [operation, above = of controller] Sensor;
 node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
 node (driver1) [operation, right = of sensor] Driver 1;
 node (driver2) [operation, left = of sensor] Driver 2;
 node (power) [operation, left = of regulator, align=center] Input \ Power;
 node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
 node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
 node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
 coordinate[left = of power] (d1) ;
 coordinate[above = of d1, yshift=5.5cm] (d2) ;

 draw[->] (controller) -- (transceiver);
 draw[<->] (controller) -- (sensor);
 draw[->] (driver1) -- (motor1);
 draw[->] (driver2) -- (motor2);
 draw[<->] (sensor) -- (motor2);
 draw[<->] (sensor) -- (motor1);
 draw[->] (controller) -- (driver1);
 draw[->] (controller) -- (driver2);
 draw[->] (controller) -- (flash);
 draw[->] (regulator) -- (controller);
 draw[->] (power) -- (regulator);
 draw[<->] (transceiver) -- (computer);
 draw[->] (power) -- (d1) |- (motor2);
 draw[->] (power) -- (d1) -- (d2) -| (motor1);

 beginpgfonlayerbackground
 node [backC,
 fit=(driver1) (driver2) (sensor) (motor1) (motor2),
 label=above:] ;

 node [backA,
 fit=(computer) (transceiver),
 label=above:] ;

 node [backB,
 fit=(regulator) (power),
 label=above:] ;
 endpgfonlayer
 endtikzpicture
enddocument


yields



enter image description here



Since the driver1 node should have been exclusively covered by the yellow background, I need to subtract the specific part of the violet background which interferes with the yellow one. In particular, an acceptable boundary for the violet background may roughly be like this:



enter image description here



How can I achieve something like that?






tikz-pgf







share|improve this question






















  • Might be useful: tex.stackexchange.com/questions/53184/…

    – Raaja
    6 hours ago






  • 1





    I don't think you need to crop the blue part. You only have to draw the yellow part after the blue part -- in that case, the yellow part will overfill the blue part.

    – JouleV
    6 hours ago











  • @Roboticist If I understand your comment, you only need to put a white frame of the yellow part. This can be done with draw=white.

    – JouleV
    6 hours ago






  • 1





    @JouleV: The yellow background is indeed drawn "after" the blue background in the WE. Additionally, I'd like to know a potential approach to achieving margins with arbitrary shapes.

    – Roboticist
    6 hours ago














5












5








5


1






The following WE



documentclass[border=10pt]standalone
usepackage[dvipsnames]xcolor
usepackagetikz
usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

tikzstylebackA=[rectangle,
fill=blue!30,
inner sep=0.2cm,
rounded corners=0mm]

tikzstylebackB=[rectangle,
fill=purple!15,
inner sep=0.2cm,
rounded corners=0mm]

tikzstylebackC=[rectangle,
fill=yellow!40,
inner sep=0.2cm,
rounded corners=0mm]

tikzset%
 >=Latex[width=2mm,length=2mm],
 base/.style = rectangle, rounded corners, draw=black,
 minimum width=1cm, minimum height=1cm,
 text centered,inner sep=0.3cm,
 operation/.style = base, fill=SkyBlue,


begindocument 
begintikzpicture[node distance=0.8cm,
 every node/.style=fill=white, align=center]
 node (controller) [operation] Microcontroller;
 node (regulator) [operation, below = of controller] Regulator;
 node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
 node (sensor) [operation, above = of controller] Sensor;
 node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
 node (driver1) [operation, right = of sensor] Driver 1;
 node (driver2) [operation, left = of sensor] Driver 2;
 node (power) [operation, left = of regulator, align=center] Input \ Power;
 node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
 node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
 node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
 coordinate[left = of power] (d1) ;
 coordinate[above = of d1, yshift=5.5cm] (d2) ;

 draw[->] (controller) -- (transceiver);
 draw[<->] (controller) -- (sensor);
 draw[->] (driver1) -- (motor1);
 draw[->] (driver2) -- (motor2);
 draw[<->] (sensor) -- (motor2);
 draw[<->] (sensor) -- (motor1);
 draw[->] (controller) -- (driver1);
 draw[->] (controller) -- (driver2);
 draw[->] (controller) -- (flash);
 draw[->] (regulator) -- (controller);
 draw[->] (power) -- (regulator);
 draw[<->] (transceiver) -- (computer);
 draw[->] (power) -- (d1) |- (motor2);
 draw[->] (power) -- (d1) -- (d2) -| (motor1);

 beginpgfonlayerbackground
 node [backC,
 fit=(driver1) (driver2) (sensor) (motor1) (motor2),
 label=above:] ;

 node [backA,
 fit=(computer) (transceiver),
 label=above:] ;

 node [backB,
 fit=(regulator) (power),
 label=above:] ;
 endpgfonlayer
 endtikzpicture
enddocument


yields



enter image description here



Since the driver1 node should have been exclusively covered by the yellow background, I need to subtract the specific part of the violet background which interferes with the yellow one. In particular, an acceptable boundary for the violet background may roughly be like this:



enter image description here



How can I achieve something like that?






tikz-pgf







share|improve this question














The following WE



documentclass[border=10pt]standalone
usepackage[dvipsnames]xcolor
usepackagetikz
usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

tikzstylebackA=[rectangle,
fill=blue!30,
inner sep=0.2cm,
rounded corners=0mm]

tikzstylebackB=[rectangle,
fill=purple!15,
inner sep=0.2cm,
rounded corners=0mm]

tikzstylebackC=[rectangle,
fill=yellow!40,
inner sep=0.2cm,
rounded corners=0mm]

tikzset%
 >=Latex[width=2mm,length=2mm],
 base/.style = rectangle, rounded corners, draw=black,
 minimum width=1cm, minimum height=1cm,
 text centered,inner sep=0.3cm,
 operation/.style = base, fill=SkyBlue,


begindocument 
begintikzpicture[node distance=0.8cm,
 every node/.style=fill=white, align=center]
 node (controller) [operation] Microcontroller;
 node (regulator) [operation, below = of controller] Regulator;
 node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
 node (sensor) [operation, above = of controller] Sensor;
 node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
 node (driver1) [operation, right = of sensor] Driver 1;
 node (driver2) [operation, left = of sensor] Driver 2;
 node (power) [operation, left = of regulator, align=center] Input \ Power;
 node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
 node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
 node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
 coordinate[left = of power] (d1) ;
 coordinate[above = of d1, yshift=5.5cm] (d2) ;

 draw[->] (controller) -- (transceiver);
 draw[<->] (controller) -- (sensor);
 draw[->] (driver1) -- (motor1);
 draw[->] (driver2) -- (motor2);
 draw[<->] (sensor) -- (motor2);
 draw[<->] (sensor) -- (motor1);
 draw[->] (controller) -- (driver1);
 draw[->] (controller) -- (driver2);
 draw[->] (controller) -- (flash);
 draw[->] (regulator) -- (controller);
 draw[->] (power) -- (regulator);
 draw[<->] (transceiver) -- (computer);
 draw[->] (power) -- (d1) |- (motor2);
 draw[->] (power) -- (d1) -- (d2) -| (motor1);

 beginpgfonlayerbackground
 node [backC,
 fit=(driver1) (driver2) (sensor) (motor1) (motor2),
 label=above:] ;

 node [backA,
 fit=(computer) (transceiver),
 label=above:] ;

 node [backB,
 fit=(regulator) (power),
 label=above:] ;
 endpgfonlayer
 endtikzpicture
enddocument


yields



enter image description here



Since the driver1 node should have been exclusively covered by the yellow background, I need to subtract the specific part of the violet background which interferes with the yellow one. In particular, an acceptable boundary for the violet background may roughly be like this:



enter image description here



How can I achieve something like that?






tikz-pgf




tikz-pgf






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked 7 hours ago









RoboticistRoboticist

1,69121231




1,69121231












  • Might be useful: tex.stackexchange.com/questions/53184/…

    – Raaja
    6 hours ago






  • 1





    I don't think you need to crop the blue part. You only have to draw the yellow part after the blue part -- in that case, the yellow part will overfill the blue part.

    – JouleV
    6 hours ago











  • @Roboticist If I understand your comment, you only need to put a white frame of the yellow part. This can be done with draw=white.

    – JouleV
    6 hours ago






  • 1





    @JouleV: The yellow background is indeed drawn "after" the blue background in the WE. Additionally, I'd like to know a potential approach to achieving margins with arbitrary shapes.

    – Roboticist
    6 hours ago


















  • Might be useful: tex.stackexchange.com/questions/53184/…

    – Raaja
    6 hours ago






  • 1





    I don't think you need to crop the blue part. You only have to draw the yellow part after the blue part -- in that case, the yellow part will overfill the blue part.

    – JouleV
    6 hours ago











  • @Roboticist If I understand your comment, you only need to put a white frame of the yellow part. This can be done with draw=white.

    – JouleV
    6 hours ago






  • 1





    @JouleV: The yellow background is indeed drawn "after" the blue background in the WE. Additionally, I'd like to know a potential approach to achieving margins with arbitrary shapes.

    – Roboticist
    6 hours ago

















Might be useful: tex.stackexchange.com/questions/53184/…

– Raaja
6 hours ago





Might be useful: tex.stackexchange.com/questions/53184/…

– Raaja
6 hours ago




1




1





I don't think you need to crop the blue part. You only have to draw the yellow part after the blue part -- in that case, the yellow part will overfill the blue part.

– JouleV
6 hours ago





I don't think you need to crop the blue part. You only have to draw the yellow part after the blue part -- in that case, the yellow part will overfill the blue part.

– JouleV
6 hours ago













@Roboticist If I understand your comment, you only need to put a white frame of the yellow part. This can be done with draw=white.

– JouleV
6 hours ago





@Roboticist If I understand your comment, you only need to put a white frame of the yellow part. This can be done with draw=white.

– JouleV
6 hours ago




1




1





@JouleV: The yellow background is indeed drawn "after" the blue background in the WE. Additionally, I'd like to know a potential approach to achieving margins with arbitrary shapes.

– Roboticist
6 hours ago






@JouleV: The yellow background is indeed drawn "after" the blue background in the WE. Additionally, I'd like to know a potential approach to achieving margins with arbitrary shapes.

– Roboticist
6 hours ago











3 Answers
3






active

oldest

votes


















5














I would not overdraw areas with white, imagine you have some background you want to keep. And tikzstyle is deprecated. 



documentclass[border=10pt]standalone
usepackage[dvipsnames]xcolor
usepackagetikz
usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

% based on https://tex.stackexchange.com/a/12033/121799
tikzsetreverseclip/.style=insert path=(current bounding box.south west)rectangle 
 (current bounding box.north east) 

tikzsetbackA/.style=rectangle,
fill=blue!30,
inner sep=0.2cm,
rounded corners=0mm,
backB/.style=rectangle,
fill=purple!15,
inner sep=0.2cm,
rounded corners=0mm,
backC/.style=rectangle,
fill=yellow!40,
inner sep=0.2cm,
rounded corners=0mm

tikzset%
 >=Latex[width=2mm,length=2mm],
 base/.style = rectangle, rounded corners, draw=black,
 minimum width=1cm, minimum height=1cm,
 text centered,inner sep=0.3cm,
 operation/.style = base, fill=SkyBlue,


begindocument 
begintikzpicture[node distance=0.8cm,
 every node/.style=fill=white, align=center]
 node (controller) [operation] Microcontroller;
 node (regulator) [operation, below = of controller] Regulator;
 node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
 node (sensor) [operation, above = of controller] Sensor;
 node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
 node (driver1) [operation, right = of sensor] Driver 1;
 node (driver2) [operation, left = of sensor] Driver 2;
 node (power) [operation, left = of regulator, align=center] Input \ Power;
 node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
 node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
 node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
 coordinate[left = of power] (d1) ;
 coordinate[above = of d1, yshift=5.5cm] (d2) ;

 draw[->] (controller) -- (transceiver);
 draw[<->] (controller) -- (sensor);
 draw[->] (driver1) -- (motor1);
 draw[->] (driver2) -- (motor2);
 draw[<->] (sensor) -- (motor2);
 draw[<->] (sensor) -- (motor1);
 draw[->] (controller) -- (driver1);
 draw[->] (controller) -- (driver2);
 draw[->] (controller) -- (flash);
 draw[->] (regulator) -- (controller);
 draw[->] (power) -- (regulator);
 draw[<->] (transceiver) -- (computer);
 draw[->] (power) -- (d1) |- (motor2);
 draw[->] (power) -- (d1) -- (d2) -| (motor1);

 beginpgfonlayerbackground
 node [backC,
 fit=(driver1) (driver2) (sensor) (motor1) (motor2),
 label=above:] (F1);

 node [backB,
 fit=(regulator) (power),
 label=above:] ;
 clip ([xshift=-5pt,yshift=-5pt]F1.south west) -|
 ([xshift=5pt,yshift=5pt]F1.north east) -| cycle [reverseclip];
 node [backA,
 fit=(computer) (transceiver),
 label=above:] ;
 endpgfonlayer
 endtikzpicture
enddocument


enter image description here






share|improve this answer






























    3














    Like this?



    screenshot



    documentclass[border=10pt]standalone
    usepackage[dvipsnames]xcolor
    usepackagetikz
    usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds
    pgfdeclarelayerbackground
    pgfdeclarelayermiddle
    pgfdeclarelayerforeground
    pgfsetlayersbackground,main,middle,foreground
    tikzstylebackA=[rectangle,
    fill=blue!30,
    inner sep=0.2cm,
    rounded corners=0mm]

    tikzstylebackB=[rectangle,
    fill=purple!15,
    inner sep=0.2cm,
    rounded corners=0mm]

    tikzstylebackC=[rectangle,
    fill=yellow!40,
    %inner sep=0.2cm,
    rounded corners=0mm]

    tikzset%
     >=Latex[width=2mm,length=2mm],
     base/.style = rectangle, rounded corners, draw=black,
     minimum width=1cm, minimum height=1cm,
     text centered,inner sep=0.3cm,
     operation/.style = base, fill=SkyBlue,


    begindocument 
    begintikzpicture[node distance=0.8cm,
     every node/.style=fill=white, align=center]
     beginpgfonlayerforeground
     node (controller) [operation] Microcontroller;
     node (regulator) [operation, below = of controller] Regulator;
     node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
     node (sensor) [operation, above = of controller] Sensor;
     node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
     node (driver1) [operation, right = of sensor] Driver 1;
     node (driver2) [operation, left = of sensor] Driver 2;
     node (power) [operation, left = of regulator, align=center] Input \ Power;
     node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
     node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
     node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
     coordinate[left = of power] (d1) ;
     coordinate[above = of d1, yshift=5.5cm] (d2) ;

     draw[->] (controller) -- (transceiver);
     draw[<->] (controller) -- (sensor);
     draw[->] (driver1) -- (motor1);
     draw[->] (driver2) -- (motor2);
     draw[<->] (sensor) -- (motor2);
     draw[<->] (sensor) -- (motor1);
     draw[->] (controller) -- (driver1);
     draw[->] (controller) -- (driver2);
     draw[->] (controller) -- (flash);
     draw[->] (regulator) -- (controller);
     draw[->] (power) -- (regulator);
     draw[<->] (transceiver) -- (computer);
     draw[->] (power) -- (d1) |- (motor2);
     draw[->] (power) -- (d1) -- (d2) -| (motor1);
    endpgfonlayer
     beginpgfonlayermiddle
     node [backC,
     fit=(driver1) (driver2) (sensor) (motor1) (motor2),
     label=above:] ;
    endpgfonlayer
     beginpgfonlayermain
     node [fill=white,inner sep=3mm,
     fit=(driver1) (driver2) (sensor) (motor1) (motor2),
     label=above:] ;
    endpgfonlayer
    beginpgfonlayerbackground
     node [backA,
     fit=(computer) (transceiver),
     label=above:] ;
    endpgfonlayer
     node [backB,
     fit=(regulator) (power),
     label=above:] ;
     endtikzpicture
    enddocument





    share|improve this answer




















    • 1





      How can one insert a little of white margin between the boundaries of the two backgrounds? I mean, the backgrounds are tangent to each other right now.

      – Roboticist
      6 hours ago












    • @Roboticist I have updated my answer by adding another layer named middle

      – AndréC
      5 hours ago



















    2














    For arbitrary shapes (not nodes), one cannot use fitting.
    demo



    documentclass[border=10pt]standalone
    usepackage[dvipsnames]xcolor
    usepackagetikz
    usetikzlibraryarrows.meta,shapes, positioning, calc, backgrounds

    tikzset%
     >=Latex[width=2mm,length=2mm],
     base/.style = rectangle, rounded corners, draw=black,
     minimum width=1cm, minimum height=1cm,
     text centered,inner sep=0.3cm,
     operation/.style = base, fill=SkyBlue,


    begindocument 
    begintikzpicture[node distance=0.8cm,
     every node/.style=fill=white, align=center]
     node (controller) [operation] Microcontroller;
     node (regulator) [operation, below = of controller] Regulator;
     node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
     node (sensor) [operation, above = of controller] Sensor;
     node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
     node (driver1) [operation, right = of sensor] Driver 1;
     node (driver2) [operation, left = of sensor] Driver 2;
     node (power) [operation, left = of regulator, align=center] Input \ Power;
     node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
     node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
     node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
     coordinate[left = of power] (d1) ;
     coordinate[above = of d1, yshift=5.5cm] (d2) ;

     draw[->] (controller) -- (transceiver);
     draw[<->] (controller) -- (sensor);
     draw[->] (driver1) -- (motor1);
     draw[->] (driver2) -- (motor2);
     draw[<->] (sensor) -- (motor2);
     draw[<->] (sensor) -- (motor1);
     draw[->] (controller) -- (driver1);
     draw[->] (controller) -- (driver2);
     draw[->] (controller) -- (flash);
     draw[->] (regulator) -- (controller);
     draw[->] (power) -- (regulator);
     draw[<->] (transceiver) -- (computer);
     draw[->] (power) -- (d1) |- (motor2);
     draw[->] (power) -- (d1) -- (d2) -| (motor1);

     beginpgfonlayerbackground
     path (driver1.east |- computer.north) ++ (0.2,0.2) coordinate(int1);
     path (driver2.south -| transceiver.west) ++ (-0.2,-0.2) coordinate(int2);

     fill[yellow!40] ($(driver2.south west)+(-0.2,-0.2)$) |- ($(motor2.north)+(0,0.2)$) -| (int1) -- (int2) -- cycle;
     fill[blue!30] ($(transceiver.south west)+(-0.2,-0.2)$) -- (int2) -- (int1) -- 
     ($(computer.north)+(0,0.2)$) -| ($(computer.east)+(0.2,0)$) |- cycle;
     fill[purple!15] ($(power.south west)+(-0.2,-0.2)$) |- ($(power.north)+(0,0.2)$) -| ($(regulator.east)+(0.2,0.2)$) |- cycle;
     endpgfonlayer
     endtikzpicture
    enddocument





    share|improve this answer






















      Your Answer








      StackExchange.ready(function()
      var channelOptions =
      tags: "".split(" "),
      id: "85"
      ;
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function()
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled)
      StackExchange.using("snippets", function()
      createEditor();
      );

      else
      createEditor();

      );

      function createEditor()
      StackExchange.prepareEditor(
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: false,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: null,
      bindNavPrevention: true,
      postfix: "",
      imageUploader:
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      ,
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      );



      );













      draft saved

      draft discarded


















      StackExchange.ready(
      function ()
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f479108%2fhow-to-clip-a-background-including-nodes-according-to-an-arbitrary-shape%23new-answer', 'question_page');

      );

      Post as a guest















      Required, but never shown

























      3 Answers
      3






      active

      oldest

      votes








      3 Answers
      3






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      5














      I would not overdraw areas with white, imagine you have some background you want to keep. And tikzstyle is deprecated. 



      documentclass[border=10pt]standalone
      usepackage[dvipsnames]xcolor
      usepackagetikz
      usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

      % based on https://tex.stackexchange.com/a/12033/121799
      tikzsetreverseclip/.style=insert path=(current bounding box.south west)rectangle 
       (current bounding box.north east) 

      tikzsetbackA/.style=rectangle,
      fill=blue!30,
      inner sep=0.2cm,
      rounded corners=0mm,
      backB/.style=rectangle,
      fill=purple!15,
      inner sep=0.2cm,
      rounded corners=0mm,
      backC/.style=rectangle,
      fill=yellow!40,
      inner sep=0.2cm,
      rounded corners=0mm

      tikzset%
       >=Latex[width=2mm,length=2mm],
       base/.style = rectangle, rounded corners, draw=black,
       minimum width=1cm, minimum height=1cm,
       text centered,inner sep=0.3cm,
       operation/.style = base, fill=SkyBlue,


      begindocument 
      begintikzpicture[node distance=0.8cm,
       every node/.style=fill=white, align=center]
       node (controller) [operation] Microcontroller;
       node (regulator) [operation, below = of controller] Regulator;
       node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
       node (sensor) [operation, above = of controller] Sensor;
       node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
       node (driver1) [operation, right = of sensor] Driver 1;
       node (driver2) [operation, left = of sensor] Driver 2;
       node (power) [operation, left = of regulator, align=center] Input \ Power;
       node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
       node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
       node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
       coordinate[left = of power] (d1) ;
       coordinate[above = of d1, yshift=5.5cm] (d2) ;

       draw[->] (controller) -- (transceiver);
       draw[<->] (controller) -- (sensor);
       draw[->] (driver1) -- (motor1);
       draw[->] (driver2) -- (motor2);
       draw[<->] (sensor) -- (motor2);
       draw[<->] (sensor) -- (motor1);
       draw[->] (controller) -- (driver1);
       draw[->] (controller) -- (driver2);
       draw[->] (controller) -- (flash);
       draw[->] (regulator) -- (controller);
       draw[->] (power) -- (regulator);
       draw[<->] (transceiver) -- (computer);
       draw[->] (power) -- (d1) |- (motor2);
       draw[->] (power) -- (d1) -- (d2) -| (motor1);

       beginpgfonlayerbackground
       node [backC,
       fit=(driver1) (driver2) (sensor) (motor1) (motor2),
       label=above:] (F1);

       node [backB,
       fit=(regulator) (power),
       label=above:] ;
       clip ([xshift=-5pt,yshift=-5pt]F1.south west) -|
       ([xshift=5pt,yshift=5pt]F1.north east) -| cycle [reverseclip];
       node [backA,
       fit=(computer) (transceiver),
       label=above:] ;
       endpgfonlayer
       endtikzpicture
      enddocument


      enter image description here






      share|improve this answer



























        5














        I would not overdraw areas with white, imagine you have some background you want to keep. And tikzstyle is deprecated. 



        documentclass[border=10pt]standalone
        usepackage[dvipsnames]xcolor
        usepackagetikz
        usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

        % based on https://tex.stackexchange.com/a/12033/121799
        tikzsetreverseclip/.style=insert path=(current bounding box.south west)rectangle 
         (current bounding box.north east) 

        tikzsetbackA/.style=rectangle,
        fill=blue!30,
        inner sep=0.2cm,
        rounded corners=0mm,
        backB/.style=rectangle,
        fill=purple!15,
        inner sep=0.2cm,
        rounded corners=0mm,
        backC/.style=rectangle,
        fill=yellow!40,
        inner sep=0.2cm,
        rounded corners=0mm

        tikzset%
         >=Latex[width=2mm,length=2mm],
         base/.style = rectangle, rounded corners, draw=black,
         minimum width=1cm, minimum height=1cm,
         text centered,inner sep=0.3cm,
         operation/.style = base, fill=SkyBlue,


        begindocument 
        begintikzpicture[node distance=0.8cm,
         every node/.style=fill=white, align=center]
         node (controller) [operation] Microcontroller;
         node (regulator) [operation, below = of controller] Regulator;
         node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
         node (sensor) [operation, above = of controller] Sensor;
         node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
         node (driver1) [operation, right = of sensor] Driver 1;
         node (driver2) [operation, left = of sensor] Driver 2;
         node (power) [operation, left = of regulator, align=center] Input \ Power;
         node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
         node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
         node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
         coordinate[left = of power] (d1) ;
         coordinate[above = of d1, yshift=5.5cm] (d2) ;

         draw[->] (controller) -- (transceiver);
         draw[<->] (controller) -- (sensor);
         draw[->] (driver1) -- (motor1);
         draw[->] (driver2) -- (motor2);
         draw[<->] (sensor) -- (motor2);
         draw[<->] (sensor) -- (motor1);
         draw[->] (controller) -- (driver1);
         draw[->] (controller) -- (driver2);
         draw[->] (controller) -- (flash);
         draw[->] (regulator) -- (controller);
         draw[->] (power) -- (regulator);
         draw[<->] (transceiver) -- (computer);
         draw[->] (power) -- (d1) |- (motor2);
         draw[->] (power) -- (d1) -- (d2) -| (motor1);

         beginpgfonlayerbackground
         node [backC,
         fit=(driver1) (driver2) (sensor) (motor1) (motor2),
         label=above:] (F1);

         node [backB,
         fit=(regulator) (power),
         label=above:] ;
         clip ([xshift=-5pt,yshift=-5pt]F1.south west) -|
         ([xshift=5pt,yshift=5pt]F1.north east) -| cycle [reverseclip];
         node [backA,
         fit=(computer) (transceiver),
         label=above:] ;
         endpgfonlayer
         endtikzpicture
        enddocument


        enter image description here






        share|improve this answer

























          5












          5








          5







          I would not overdraw areas with white, imagine you have some background you want to keep. And tikzstyle is deprecated. 



          documentclass[border=10pt]standalone
          usepackage[dvipsnames]xcolor
          usepackagetikz
          usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

          % based on https://tex.stackexchange.com/a/12033/121799
          tikzsetreverseclip/.style=insert path=(current bounding box.south west)rectangle 
           (current bounding box.north east) 

          tikzsetbackA/.style=rectangle,
          fill=blue!30,
          inner sep=0.2cm,
          rounded corners=0mm,
          backB/.style=rectangle,
          fill=purple!15,
          inner sep=0.2cm,
          rounded corners=0mm,
          backC/.style=rectangle,
          fill=yellow!40,
          inner sep=0.2cm,
          rounded corners=0mm

          tikzset%
           >=Latex[width=2mm,length=2mm],
           base/.style = rectangle, rounded corners, draw=black,
           minimum width=1cm, minimum height=1cm,
           text centered,inner sep=0.3cm,
           operation/.style = base, fill=SkyBlue,


          begindocument 
          begintikzpicture[node distance=0.8cm,
           every node/.style=fill=white, align=center]
           node (controller) [operation] Microcontroller;
           node (regulator) [operation, below = of controller] Regulator;
           node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
           node (sensor) [operation, above = of controller] Sensor;
           node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
           node (driver1) [operation, right = of sensor] Driver 1;
           node (driver2) [operation, left = of sensor] Driver 2;
           node (power) [operation, left = of regulator, align=center] Input \ Power;
           node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
           node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
           node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
           coordinate[left = of power] (d1) ;
           coordinate[above = of d1, yshift=5.5cm] (d2) ;

           draw[->] (controller) -- (transceiver);
           draw[<->] (controller) -- (sensor);
           draw[->] (driver1) -- (motor1);
           draw[->] (driver2) -- (motor2);
           draw[<->] (sensor) -- (motor2);
           draw[<->] (sensor) -- (motor1);
           draw[->] (controller) -- (driver1);
           draw[->] (controller) -- (driver2);
           draw[->] (controller) -- (flash);
           draw[->] (regulator) -- (controller);
           draw[->] (power) -- (regulator);
           draw[<->] (transceiver) -- (computer);
           draw[->] (power) -- (d1) |- (motor2);
           draw[->] (power) -- (d1) -- (d2) -| (motor1);

           beginpgfonlayerbackground
           node [backC,
           fit=(driver1) (driver2) (sensor) (motor1) (motor2),
           label=above:] (F1);

           node [backB,
           fit=(regulator) (power),
           label=above:] ;
           clip ([xshift=-5pt,yshift=-5pt]F1.south west) -|
           ([xshift=5pt,yshift=5pt]F1.north east) -| cycle [reverseclip];
           node [backA,
           fit=(computer) (transceiver),
           label=above:] ;
           endpgfonlayer
           endtikzpicture
          enddocument


          enter image description here






          share|improve this answer













          I would not overdraw areas with white, imagine you have some background you want to keep. And tikzstyle is deprecated. 



          documentclass[border=10pt]standalone
          usepackage[dvipsnames]xcolor
          usepackagetikz
          usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds

          % based on https://tex.stackexchange.com/a/12033/121799
          tikzsetreverseclip/.style=insert path=(current bounding box.south west)rectangle 
           (current bounding box.north east) 

          tikzsetbackA/.style=rectangle,
          fill=blue!30,
          inner sep=0.2cm,
          rounded corners=0mm,
          backB/.style=rectangle,
          fill=purple!15,
          inner sep=0.2cm,
          rounded corners=0mm,
          backC/.style=rectangle,
          fill=yellow!40,
          inner sep=0.2cm,
          rounded corners=0mm

          tikzset%
           >=Latex[width=2mm,length=2mm],
           base/.style = rectangle, rounded corners, draw=black,
           minimum width=1cm, minimum height=1cm,
           text centered,inner sep=0.3cm,
           operation/.style = base, fill=SkyBlue,


          begindocument 
          begintikzpicture[node distance=0.8cm,
           every node/.style=fill=white, align=center]
           node (controller) [operation] Microcontroller;
           node (regulator) [operation, below = of controller] Regulator;
           node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
           node (sensor) [operation, above = of controller] Sensor;
           node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
           node (driver1) [operation, right = of sensor] Driver 1;
           node (driver2) [operation, left = of sensor] Driver 2;
           node (power) [operation, left = of regulator, align=center] Input \ Power;
           node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
           node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
           node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
           coordinate[left = of power] (d1) ;
           coordinate[above = of d1, yshift=5.5cm] (d2) ;

           draw[->] (controller) -- (transceiver);
           draw[<->] (controller) -- (sensor);
           draw[->] (driver1) -- (motor1);
           draw[->] (driver2) -- (motor2);
           draw[<->] (sensor) -- (motor2);
           draw[<->] (sensor) -- (motor1);
           draw[->] (controller) -- (driver1);
           draw[->] (controller) -- (driver2);
           draw[->] (controller) -- (flash);
           draw[->] (regulator) -- (controller);
           draw[->] (power) -- (regulator);
           draw[<->] (transceiver) -- (computer);
           draw[->] (power) -- (d1) |- (motor2);
           draw[->] (power) -- (d1) -- (d2) -| (motor1);

           beginpgfonlayerbackground
           node [backC,
           fit=(driver1) (driver2) (sensor) (motor1) (motor2),
           label=above:] (F1);

           node [backB,
           fit=(regulator) (power),
           label=above:] ;
           clip ([xshift=-5pt,yshift=-5pt]F1.south west) -|
           ([xshift=5pt,yshift=5pt]F1.north east) -| cycle [reverseclip];
           node [backA,
           fit=(computer) (transceiver),
           label=above:] ;
           endpgfonlayer
           endtikzpicture
          enddocument


          enter image description here







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered 5 hours ago









          marmotmarmot

          108k5131247




          108k5131247





















              3














              Like this?



              screenshot



              documentclass[border=10pt]standalone
              usepackage[dvipsnames]xcolor
              usepackagetikz
              usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds
              pgfdeclarelayerbackground
              pgfdeclarelayermiddle
              pgfdeclarelayerforeground
              pgfsetlayersbackground,main,middle,foreground
              tikzstylebackA=[rectangle,
              fill=blue!30,
              inner sep=0.2cm,
              rounded corners=0mm]

              tikzstylebackB=[rectangle,
              fill=purple!15,
              inner sep=0.2cm,
              rounded corners=0mm]

              tikzstylebackC=[rectangle,
              fill=yellow!40,
              %inner sep=0.2cm,
              rounded corners=0mm]

              tikzset%
               >=Latex[width=2mm,length=2mm],
               base/.style = rectangle, rounded corners, draw=black,
               minimum width=1cm, minimum height=1cm,
               text centered,inner sep=0.3cm,
               operation/.style = base, fill=SkyBlue,


              begindocument 
              begintikzpicture[node distance=0.8cm,
               every node/.style=fill=white, align=center]
               beginpgfonlayerforeground
               node (controller) [operation] Microcontroller;
               node (regulator) [operation, below = of controller] Regulator;
               node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
               node (sensor) [operation, above = of controller] Sensor;
               node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
               node (driver1) [operation, right = of sensor] Driver 1;
               node (driver2) [operation, left = of sensor] Driver 2;
               node (power) [operation, left = of regulator, align=center] Input \ Power;
               node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
               node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
               node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
               coordinate[left = of power] (d1) ;
               coordinate[above = of d1, yshift=5.5cm] (d2) ;

               draw[->] (controller) -- (transceiver);
               draw[<->] (controller) -- (sensor);
               draw[->] (driver1) -- (motor1);
               draw[->] (driver2) -- (motor2);
               draw[<->] (sensor) -- (motor2);
               draw[<->] (sensor) -- (motor1);
               draw[->] (controller) -- (driver1);
               draw[->] (controller) -- (driver2);
               draw[->] (controller) -- (flash);
               draw[->] (regulator) -- (controller);
               draw[->] (power) -- (regulator);
               draw[<->] (transceiver) -- (computer);
               draw[->] (power) -- (d1) |- (motor2);
               draw[->] (power) -- (d1) -- (d2) -| (motor1);
              endpgfonlayer
               beginpgfonlayermiddle
               node [backC,
               fit=(driver1) (driver2) (sensor) (motor1) (motor2),
               label=above:] ;
              endpgfonlayer
               beginpgfonlayermain
               node [fill=white,inner sep=3mm,
               fit=(driver1) (driver2) (sensor) (motor1) (motor2),
               label=above:] ;
              endpgfonlayer
              beginpgfonlayerbackground
               node [backA,
               fit=(computer) (transceiver),
               label=above:] ;
              endpgfonlayer
               node [backB,
               fit=(regulator) (power),
               label=above:] ;
               endtikzpicture
              enddocument





              share|improve this answer




















              • 1





                How can one insert a little of white margin between the boundaries of the two backgrounds? I mean, the backgrounds are tangent to each other right now.

                – Roboticist
                6 hours ago












              • @Roboticist I have updated my answer by adding another layer named middle

                – AndréC
                5 hours ago
















              3














              Like this?



              screenshot



              documentclass[border=10pt]standalone
              usepackage[dvipsnames]xcolor
              usepackagetikz
              usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds
              pgfdeclarelayerbackground
              pgfdeclarelayermiddle
              pgfdeclarelayerforeground
              pgfsetlayersbackground,main,middle,foreground
              tikzstylebackA=[rectangle,
              fill=blue!30,
              inner sep=0.2cm,
              rounded corners=0mm]

              tikzstylebackB=[rectangle,
              fill=purple!15,
              inner sep=0.2cm,
              rounded corners=0mm]

              tikzstylebackC=[rectangle,
              fill=yellow!40,
              %inner sep=0.2cm,
              rounded corners=0mm]

              tikzset%
               >=Latex[width=2mm,length=2mm],
               base/.style = rectangle, rounded corners, draw=black,
               minimum width=1cm, minimum height=1cm,
               text centered,inner sep=0.3cm,
               operation/.style = base, fill=SkyBlue,


              begindocument 
              begintikzpicture[node distance=0.8cm,
               every node/.style=fill=white, align=center]
               beginpgfonlayerforeground
               node (controller) [operation] Microcontroller;
               node (regulator) [operation, below = of controller] Regulator;
               node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
               node (sensor) [operation, above = of controller] Sensor;
               node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
               node (driver1) [operation, right = of sensor] Driver 1;
               node (driver2) [operation, left = of sensor] Driver 2;
               node (power) [operation, left = of regulator, align=center] Input \ Power;
               node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
               node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
               node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
               coordinate[left = of power] (d1) ;
               coordinate[above = of d1, yshift=5.5cm] (d2) ;

               draw[->] (controller) -- (transceiver);
               draw[<->] (controller) -- (sensor);
               draw[->] (driver1) -- (motor1);
               draw[->] (driver2) -- (motor2);
               draw[<->] (sensor) -- (motor2);
               draw[<->] (sensor) -- (motor1);
               draw[->] (controller) -- (driver1);
               draw[->] (controller) -- (driver2);
               draw[->] (controller) -- (flash);
               draw[->] (regulator) -- (controller);
               draw[->] (power) -- (regulator);
               draw[<->] (transceiver) -- (computer);
               draw[->] (power) -- (d1) |- (motor2);
               draw[->] (power) -- (d1) -- (d2) -| (motor1);
              endpgfonlayer
               beginpgfonlayermiddle
               node [backC,
               fit=(driver1) (driver2) (sensor) (motor1) (motor2),
               label=above:] ;
              endpgfonlayer
               beginpgfonlayermain
               node [fill=white,inner sep=3mm,
               fit=(driver1) (driver2) (sensor) (motor1) (motor2),
               label=above:] ;
              endpgfonlayer
              beginpgfonlayerbackground
               node [backA,
               fit=(computer) (transceiver),
               label=above:] ;
              endpgfonlayer
               node [backB,
               fit=(regulator) (power),
               label=above:] ;
               endtikzpicture
              enddocument





              share|improve this answer




















              • 1





                How can one insert a little of white margin between the boundaries of the two backgrounds? I mean, the backgrounds are tangent to each other right now.

                – Roboticist
                6 hours ago












              • @Roboticist I have updated my answer by adding another layer named middle

                – AndréC
                5 hours ago














              3












              3








              3







              Like this?



              screenshot



              documentclass[border=10pt]standalone
              usepackage[dvipsnames]xcolor
              usepackagetikz
              usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds
              pgfdeclarelayerbackground
              pgfdeclarelayermiddle
              pgfdeclarelayerforeground
              pgfsetlayersbackground,main,middle,foreground
              tikzstylebackA=[rectangle,
              fill=blue!30,
              inner sep=0.2cm,
              rounded corners=0mm]

              tikzstylebackB=[rectangle,
              fill=purple!15,
              inner sep=0.2cm,
              rounded corners=0mm]

              tikzstylebackC=[rectangle,
              fill=yellow!40,
              %inner sep=0.2cm,
              rounded corners=0mm]

              tikzset%
               >=Latex[width=2mm,length=2mm],
               base/.style = rectangle, rounded corners, draw=black,
               minimum width=1cm, minimum height=1cm,
               text centered,inner sep=0.3cm,
               operation/.style = base, fill=SkyBlue,


              begindocument 
              begintikzpicture[node distance=0.8cm,
               every node/.style=fill=white, align=center]
               beginpgfonlayerforeground
               node (controller) [operation] Microcontroller;
               node (regulator) [operation, below = of controller] Regulator;
               node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
               node (sensor) [operation, above = of controller] Sensor;
               node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
               node (driver1) [operation, right = of sensor] Driver 1;
               node (driver2) [operation, left = of sensor] Driver 2;
               node (power) [operation, left = of regulator, align=center] Input \ Power;
               node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
               node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
               node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
               coordinate[left = of power] (d1) ;
               coordinate[above = of d1, yshift=5.5cm] (d2) ;

               draw[->] (controller) -- (transceiver);
               draw[<->] (controller) -- (sensor);
               draw[->] (driver1) -- (motor1);
               draw[->] (driver2) -- (motor2);
               draw[<->] (sensor) -- (motor2);
               draw[<->] (sensor) -- (motor1);
               draw[->] (controller) -- (driver1);
               draw[->] (controller) -- (driver2);
               draw[->] (controller) -- (flash);
               draw[->] (regulator) -- (controller);
               draw[->] (power) -- (regulator);
               draw[<->] (transceiver) -- (computer);
               draw[->] (power) -- (d1) |- (motor2);
               draw[->] (power) -- (d1) -- (d2) -| (motor1);
              endpgfonlayer
               beginpgfonlayermiddle
               node [backC,
               fit=(driver1) (driver2) (sensor) (motor1) (motor2),
               label=above:] ;
              endpgfonlayer
               beginpgfonlayermain
               node [fill=white,inner sep=3mm,
               fit=(driver1) (driver2) (sensor) (motor1) (motor2),
               label=above:] ;
              endpgfonlayer
              beginpgfonlayerbackground
               node [backA,
               fit=(computer) (transceiver),
               label=above:] ;
              endpgfonlayer
               node [backB,
               fit=(regulator) (power),
               label=above:] ;
               endtikzpicture
              enddocument





              share|improve this answer















              Like this?



              screenshot



              documentclass[border=10pt]standalone
              usepackage[dvipsnames]xcolor
              usepackagetikz
              usetikzlibraryarrows.meta,shapes, positioning, fit, backgrounds
              pgfdeclarelayerbackground
              pgfdeclarelayermiddle
              pgfdeclarelayerforeground
              pgfsetlayersbackground,main,middle,foreground
              tikzstylebackA=[rectangle,
              fill=blue!30,
              inner sep=0.2cm,
              rounded corners=0mm]

              tikzstylebackB=[rectangle,
              fill=purple!15,
              inner sep=0.2cm,
              rounded corners=0mm]

              tikzstylebackC=[rectangle,
              fill=yellow!40,
              %inner sep=0.2cm,
              rounded corners=0mm]

              tikzset%
               >=Latex[width=2mm,length=2mm],
               base/.style = rectangle, rounded corners, draw=black,
               minimum width=1cm, minimum height=1cm,
               text centered,inner sep=0.3cm,
               operation/.style = base, fill=SkyBlue,


              begindocument 
              begintikzpicture[node distance=0.8cm,
               every node/.style=fill=white, align=center]
               beginpgfonlayerforeground
               node (controller) [operation] Microcontroller;
               node (regulator) [operation, below = of controller] Regulator;
               node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
               node (sensor) [operation, above = of controller] Sensor;
               node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
               node (driver1) [operation, right = of sensor] Driver 1;
               node (driver2) [operation, left = of sensor] Driver 2;
               node (power) [operation, left = of regulator, align=center] Input \ Power;
               node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
               node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
               node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
               coordinate[left = of power] (d1) ;
               coordinate[above = of d1, yshift=5.5cm] (d2) ;

               draw[->] (controller) -- (transceiver);
               draw[<->] (controller) -- (sensor);
               draw[->] (driver1) -- (motor1);
               draw[->] (driver2) -- (motor2);
               draw[<->] (sensor) -- (motor2);
               draw[<->] (sensor) -- (motor1);
               draw[->] (controller) -- (driver1);
               draw[->] (controller) -- (driver2);
               draw[->] (controller) -- (flash);
               draw[->] (regulator) -- (controller);
               draw[->] (power) -- (regulator);
               draw[<->] (transceiver) -- (computer);
               draw[->] (power) -- (d1) |- (motor2);
               draw[->] (power) -- (d1) -- (d2) -| (motor1);
              endpgfonlayer
               beginpgfonlayermiddle
               node [backC,
               fit=(driver1) (driver2) (sensor) (motor1) (motor2),
               label=above:] ;
              endpgfonlayer
               beginpgfonlayermain
               node [fill=white,inner sep=3mm,
               fit=(driver1) (driver2) (sensor) (motor1) (motor2),
               label=above:] ;
              endpgfonlayer
              beginpgfonlayerbackground
               node [backA,
               fit=(computer) (transceiver),
               label=above:] ;
              endpgfonlayer
               node [backB,
               fit=(regulator) (power),
               label=above:] ;
               endtikzpicture
              enddocument






              share|improve this answer














              share|improve this answer



              share|improve this answer








              edited 5 hours ago

























              answered 6 hours ago









              AndréCAndréC

              1




              1







              • 1





                How can one insert a little of white margin between the boundaries of the two backgrounds? I mean, the backgrounds are tangent to each other right now.

                – Roboticist
                6 hours ago












              • @Roboticist I have updated my answer by adding another layer named middle

                – AndréC
                5 hours ago













              • 1





                How can one insert a little of white margin between the boundaries of the two backgrounds? I mean, the backgrounds are tangent to each other right now.

                – Roboticist
                6 hours ago












              • @Roboticist I have updated my answer by adding another layer named middle

                – AndréC
                5 hours ago








              1




              1





              How can one insert a little of white margin between the boundaries of the two backgrounds? I mean, the backgrounds are tangent to each other right now.

              – Roboticist
              6 hours ago






              How can one insert a little of white margin between the boundaries of the two backgrounds? I mean, the backgrounds are tangent to each other right now.

              – Roboticist
              6 hours ago














              @Roboticist I have updated my answer by adding another layer named middle

              – AndréC
              5 hours ago






              @Roboticist I have updated my answer by adding another layer named middle

              – AndréC
              5 hours ago












              2














              For arbitrary shapes (not nodes), one cannot use fitting.
              demo



              documentclass[border=10pt]standalone
              usepackage[dvipsnames]xcolor
              usepackagetikz
              usetikzlibraryarrows.meta,shapes, positioning, calc, backgrounds

              tikzset%
               >=Latex[width=2mm,length=2mm],
               base/.style = rectangle, rounded corners, draw=black,
               minimum width=1cm, minimum height=1cm,
               text centered,inner sep=0.3cm,
               operation/.style = base, fill=SkyBlue,


              begindocument 
              begintikzpicture[node distance=0.8cm,
               every node/.style=fill=white, align=center]
               node (controller) [operation] Microcontroller;
               node (regulator) [operation, below = of controller] Regulator;
               node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
               node (sensor) [operation, above = of controller] Sensor;
               node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
               node (driver1) [operation, right = of sensor] Driver 1;
               node (driver2) [operation, left = of sensor] Driver 2;
               node (power) [operation, left = of regulator, align=center] Input \ Power;
               node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
               node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
               node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
               coordinate[left = of power] (d1) ;
               coordinate[above = of d1, yshift=5.5cm] (d2) ;

               draw[->] (controller) -- (transceiver);
               draw[<->] (controller) -- (sensor);
               draw[->] (driver1) -- (motor1);
               draw[->] (driver2) -- (motor2);
               draw[<->] (sensor) -- (motor2);
               draw[<->] (sensor) -- (motor1);
               draw[->] (controller) -- (driver1);
               draw[->] (controller) -- (driver2);
               draw[->] (controller) -- (flash);
               draw[->] (regulator) -- (controller);
               draw[->] (power) -- (regulator);
               draw[<->] (transceiver) -- (computer);
               draw[->] (power) -- (d1) |- (motor2);
               draw[->] (power) -- (d1) -- (d2) -| (motor1);

               beginpgfonlayerbackground
               path (driver1.east |- computer.north) ++ (0.2,0.2) coordinate(int1);
               path (driver2.south -| transceiver.west) ++ (-0.2,-0.2) coordinate(int2);

               fill[yellow!40] ($(driver2.south west)+(-0.2,-0.2)$) |- ($(motor2.north)+(0,0.2)$) -| (int1) -- (int2) -- cycle;
               fill[blue!30] ($(transceiver.south west)+(-0.2,-0.2)$) -- (int2) -- (int1) -- 
               ($(computer.north)+(0,0.2)$) -| ($(computer.east)+(0.2,0)$) |- cycle;
               fill[purple!15] ($(power.south west)+(-0.2,-0.2)$) |- ($(power.north)+(0,0.2)$) -| ($(regulator.east)+(0.2,0.2)$) |- cycle;
               endpgfonlayer
               endtikzpicture
              enddocument





              share|improve this answer



























                2














                For arbitrary shapes (not nodes), one cannot use fitting.
                demo



                documentclass[border=10pt]standalone
                usepackage[dvipsnames]xcolor
                usepackagetikz
                usetikzlibraryarrows.meta,shapes, positioning, calc, backgrounds

                tikzset%
                 >=Latex[width=2mm,length=2mm],
                 base/.style = rectangle, rounded corners, draw=black,
                 minimum width=1cm, minimum height=1cm,
                 text centered,inner sep=0.3cm,
                 operation/.style = base, fill=SkyBlue,


                begindocument 
                begintikzpicture[node distance=0.8cm,
                 every node/.style=fill=white, align=center]
                 node (controller) [operation] Microcontroller;
                 node (regulator) [operation, below = of controller] Regulator;
                 node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
                 node (sensor) [operation, above = of controller] Sensor;
                 node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
                 node (driver1) [operation, right = of sensor] Driver 1;
                 node (driver2) [operation, left = of sensor] Driver 2;
                 node (power) [operation, left = of regulator, align=center] Input \ Power;
                 node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
                 node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
                 node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
                 coordinate[left = of power] (d1) ;
                 coordinate[above = of d1, yshift=5.5cm] (d2) ;

                 draw[->] (controller) -- (transceiver);
                 draw[<->] (controller) -- (sensor);
                 draw[->] (driver1) -- (motor1);
                 draw[->] (driver2) -- (motor2);
                 draw[<->] (sensor) -- (motor2);
                 draw[<->] (sensor) -- (motor1);
                 draw[->] (controller) -- (driver1);
                 draw[->] (controller) -- (driver2);
                 draw[->] (controller) -- (flash);
                 draw[->] (regulator) -- (controller);
                 draw[->] (power) -- (regulator);
                 draw[<->] (transceiver) -- (computer);
                 draw[->] (power) -- (d1) |- (motor2);
                 draw[->] (power) -- (d1) -- (d2) -| (motor1);

                 beginpgfonlayerbackground
                 path (driver1.east |- computer.north) ++ (0.2,0.2) coordinate(int1);
                 path (driver2.south -| transceiver.west) ++ (-0.2,-0.2) coordinate(int2);

                 fill[yellow!40] ($(driver2.south west)+(-0.2,-0.2)$) |- ($(motor2.north)+(0,0.2)$) -| (int1) -- (int2) -- cycle;
                 fill[blue!30] ($(transceiver.south west)+(-0.2,-0.2)$) -- (int2) -- (int1) -- 
                 ($(computer.north)+(0,0.2)$) -| ($(computer.east)+(0.2,0)$) |- cycle;
                 fill[purple!15] ($(power.south west)+(-0.2,-0.2)$) |- ($(power.north)+(0,0.2)$) -| ($(regulator.east)+(0.2,0.2)$) |- cycle;
                 endpgfonlayer
                 endtikzpicture
                enddocument





                share|improve this answer

























                  2












                  2








                  2







                  For arbitrary shapes (not nodes), one cannot use fitting.
                  demo



                  documentclass[border=10pt]standalone
                  usepackage[dvipsnames]xcolor
                  usepackagetikz
                  usetikzlibraryarrows.meta,shapes, positioning, calc, backgrounds

                  tikzset%
                   >=Latex[width=2mm,length=2mm],
                   base/.style = rectangle, rounded corners, draw=black,
                   minimum width=1cm, minimum height=1cm,
                   text centered,inner sep=0.3cm,
                   operation/.style = base, fill=SkyBlue,


                  begindocument 
                  begintikzpicture[node distance=0.8cm,
                   every node/.style=fill=white, align=center]
                   node (controller) [operation] Microcontroller;
                   node (regulator) [operation, below = of controller] Regulator;
                   node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
                   node (sensor) [operation, above = of controller] Sensor;
                   node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
                   node (driver1) [operation, right = of sensor] Driver 1;
                   node (driver2) [operation, left = of sensor] Driver 2;
                   node (power) [operation, left = of regulator, align=center] Input \ Power;
                   node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
                   node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
                   node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
                   coordinate[left = of power] (d1) ;
                   coordinate[above = of d1, yshift=5.5cm] (d2) ;

                   draw[->] (controller) -- (transceiver);
                   draw[<->] (controller) -- (sensor);
                   draw[->] (driver1) -- (motor1);
                   draw[->] (driver2) -- (motor2);
                   draw[<->] (sensor) -- (motor2);
                   draw[<->] (sensor) -- (motor1);
                   draw[->] (controller) -- (driver1);
                   draw[->] (controller) -- (driver2);
                   draw[->] (controller) -- (flash);
                   draw[->] (regulator) -- (controller);
                   draw[->] (power) -- (regulator);
                   draw[<->] (transceiver) -- (computer);
                   draw[->] (power) -- (d1) |- (motor2);
                   draw[->] (power) -- (d1) -- (d2) -| (motor1);

                   beginpgfonlayerbackground
                   path (driver1.east |- computer.north) ++ (0.2,0.2) coordinate(int1);
                   path (driver2.south -| transceiver.west) ++ (-0.2,-0.2) coordinate(int2);

                   fill[yellow!40] ($(driver2.south west)+(-0.2,-0.2)$) |- ($(motor2.north)+(0,0.2)$) -| (int1) -- (int2) -- cycle;
                   fill[blue!30] ($(transceiver.south west)+(-0.2,-0.2)$) -- (int2) -- (int1) -- 
                   ($(computer.north)+(0,0.2)$) -| ($(computer.east)+(0.2,0)$) |- cycle;
                   fill[purple!15] ($(power.south west)+(-0.2,-0.2)$) |- ($(power.north)+(0,0.2)$) -| ($(regulator.east)+(0.2,0.2)$) |- cycle;
                   endpgfonlayer
                   endtikzpicture
                  enddocument





                  share|improve this answer













                  For arbitrary shapes (not nodes), one cannot use fitting.
                  demo



                  documentclass[border=10pt]standalone
                  usepackage[dvipsnames]xcolor
                  usepackagetikz
                  usetikzlibraryarrows.meta,shapes, positioning, calc, backgrounds

                  tikzset%
                   >=Latex[width=2mm,length=2mm],
                   base/.style = rectangle, rounded corners, draw=black,
                   minimum width=1cm, minimum height=1cm,
                   text centered,inner sep=0.3cm,
                   operation/.style = base, fill=SkyBlue,


                  begindocument 
                  begintikzpicture[node distance=0.8cm,
                   every node/.style=fill=white, align=center]
                   node (controller) [operation] Microcontroller;
                   node (regulator) [operation, below = of controller] Regulator;
                   node (transceiver) [operation, right = of controller, align = center] CAN \ Transceiver;
                   node (sensor) [operation, above = of controller] Sensor;
                   node (flash) [operation, below = of transceiver, yshift=4mm] Flash \ Memeory;
                   node (driver1) [operation, right = of sensor] Driver 1;
                   node (driver2) [operation, left = of sensor] Driver 2;
                   node (power) [operation, left = of regulator, align=center] Input \ Power;
                   node (motor1) [operation, above = of sensor, align=center, xshift=1cm] Motor 1;
                   node (motor2) [operation, above = of sensor, align=center, xshift=-1cm] Motor 2;
                   node[circle,draw,fill=SkyBlue] (computer) [right = of driver1] Computer;
                   coordinate[left = of power] (d1) ;
                   coordinate[above = of d1, yshift=5.5cm] (d2) ;

                   draw[->] (controller) -- (transceiver);
                   draw[<->] (controller) -- (sensor);
                   draw[->] (driver1) -- (motor1);
                   draw[->] (driver2) -- (motor2);
                   draw[<->] (sensor) -- (motor2);
                   draw[<->] (sensor) -- (motor1);
                   draw[->] (controller) -- (driver1);
                   draw[->] (controller) -- (driver2);
                   draw[->] (controller) -- (flash);
                   draw[->] (regulator) -- (controller);
                   draw[->] (power) -- (regulator);
                   draw[<->] (transceiver) -- (computer);
                   draw[->] (power) -- (d1) |- (motor2);
                   draw[->] (power) -- (d1) -- (d2) -| (motor1);

                   beginpgfonlayerbackground
                   path (driver1.east |- computer.north) ++ (0.2,0.2) coordinate(int1);
                   path (driver2.south -| transceiver.west) ++ (-0.2,-0.2) coordinate(int2);

                   fill[yellow!40] ($(driver2.south west)+(-0.2,-0.2)$) |- ($(motor2.north)+(0,0.2)$) -| (int1) -- (int2) -- cycle;
                   fill[blue!30] ($(transceiver.south west)+(-0.2,-0.2)$) -- (int2) -- (int1) -- 
                   ($(computer.north)+(0,0.2)$) -| ($(computer.east)+(0.2,0)$) |- cycle;
                   fill[purple!15] ($(power.south west)+(-0.2,-0.2)$) |- ($(power.north)+(0,0.2)$) -| ($(regulator.east)+(0.2,0.2)$) |- cycle;
                   endpgfonlayer
                   endtikzpicture
                  enddocument






                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered 5 hours ago









                  John KormyloJohn Kormylo

                  45.2k12570




                  45.2k12570



























                      draft saved

                      draft discarded
















































                      Thanks for contributing an answer to TeX - LaTeX Stack Exchange!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid …


                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.

                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function ()
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f479108%2fhow-to-clip-a-background-including-nodes-according-to-an-arbitrary-shape%23new-answer', 'question_page');

                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      -tikz-pgf
                      -

                      Popular posts from this blog

                      Mobil Contents History Mobil brands Former Mobil brands Lukoil transaction Mobil UK Mobil Australia Mobil New Zealand Mobil Greece Mobil in Japan Mobil in Canada Mobil Egypt See also References External links Navigation menuwww.mobil.com"Mobil Corporation"the original"Our Houston campus""Business & Finance: Socony-Vacuum Corp.""Popular Mechanics""Lubrite Technologies""Exxon Mobil campus 'clearly happening'""Toledo Blade - Google News Archive Search""The Lion and the Moose - How 2 Executives Pulled off the Biggest Merger Ever""ExxonMobil Press Release""Lubricants""Archived copy"the original"Mobil 1™ and Mobil Super™ motor oil and synthetic motor oil - Mobil™ Motor Oils""Mobil Delvac""Mobil Industrial website""The State of Competition in Gasoline Marketing: The Effects of Refiner Operations at Retail""Mobil Travel Guide to become Forbes Travel Guide""Hotel Rankings: Forbes Merges with Mobil"the original"Jamieson oil industry history""Mobil news""Caltex pumps for control""Watchdog blocks Caltex bid""Exxon Mobil sells service station network""Mobil Oil New Zealand Limited is New Zealand's oldest oil company, with predecessor companies having first established a presence in the country in 1896""ExxonMobil subsidiaries have a business history in New Zealand stretching back more than 120 years. We are involved in petroleum refining and distribution and the marketing of fuels, lubricants and chemical products""Archived copy"the original"Exxon Mobil to Sell Its Japanese Arm for $3.9 Billion""Gas station merger will end Esso and Mobil's long run in Japan""Esso moves to affiliate itself with PC Optimum, no longer Aeroplan, in loyalty point switch""Mobil brand of gas stations to launch in Canada after deal for 213 Loblaws-owned locations""Mobil Nears Completion of Rebranding 200 Loblaw Gas Stations""Learn about ExxonMobil's operations in Egypt""Petrol and Diesel Service Stations in Egypt - Mobil"Official websiteExxon Mobil corporate websiteMobil Industrial official websiteeeeeeeeDA04275022275790-40000 0001 0860 5061n82045453134887257134887257

                      Image
                      Aera EnergyEssoEsso AustraliaExxonExxon NeftegasHumble OilImperial OilMagnolia Petroleum CompanyMobilMobil Producing NigeriaPetronSeaRiver MaritimeSuperior Oil CompanySyncrudeVacuum Oil CompanyXTO EnergyBaton Rouge RefineryBaytown RefineryMilford HavenExxon Building (New York)Fawley RefineryImperial Oil BuildingMossmorranNanticoke Refinery2010 ExxonMobil oil spill2010 Port Arthur oil spill2013 Mayflower oil spill Exxon Valdez oil spillGreenpoint oil spillSS Atlantic Empress SS Esso Brussels Colony Shale Oil ProjectEast-Prinovozemelsky fieldGoose Creek Oil FieldKearl Oil Sands ProjectKizomba deepwater projectOrmen LangePembina oil fieldPrudhoe Bay Oil FieldSable Offshore Energy ProjectSakhalin-ITengiz FieldTern oilfieldTuapse fieldWest Qurna FieldNational OilSasolSparSpar Express759 Store7-ElevenCircle KCUDaily YamazakiFamilyMartGS25LawsonMinistopParknShopPoplarSparStorywayVanGOemartSparampmBuy the WayBP ConnectCircle K SunkusDaily StopOn the Run7-ElevenBargain BoozeBest-OneBP ConnectB
                      Read more

                      Frič See also Navigation menuinternal link

                      Image
                      SurnamesCzech-language surnames ‹ The template Infobox surname is being considered for merging. › Frič Origin Language(s) Czechized German (eastern Middle German dialects and Alemannic German) - Thuringian, Upper Saxon, Low Lusatian, Silesian Meaning derived from German: Friedrich Other names Variant(s) Fritsch, Fritzsch, Frycz, Fricz, Fryczyński, Frietsch, Fritsche, Fritzsche; Fritschi (Alemannic), Fritz, Fritze, Fritzel, Fritzl, Fritzke, Fritzen Frič is a Czechized German surname. Notable people with the surname include: Alberto Vojtěch Frič, Czech botanist Antonín Jan Frič (Fritsch) , Czech paleontologist Jaroslav Erik Frič, Czech poet Martin Frič, Czech film director, screenwriter and actor See also Fričovce (Hungarian: Frics ) .mw-parser-output table.dmboxclear:both;margin:0.9em 1em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:transparent Surname list This page lists people with the surname Frič . If an internal link intending to refer to a specifi
                      Read more

                      Identify plant with long narrow paired leaves and reddish stems Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?What is this plant with long sharp leaves? Is it a weed?What is this 3ft high, stalky plant, with mid sized narrow leaves?What is this young shrub with opposite ovate, crenate leaves and reddish stems?What is this plant with large broad serrated leaves?Identify this upright branching weed with long leaves and reddish stemsPlease help me identify this bulbous plant with long, broad leaves and white flowersWhat is this small annual with narrow gray/green leaves and rust colored daisy-type flowers?What is this chilli plant?Does anyone know what type of chilli plant this is?Help identify this plant

                      Image
                      Apollo command module space walk? prime numbers and expressing non-prime numbers Can a non-EU citizen traveling with me come with me through the EU passport line? Extract all GPU name, model and GPU ram How to deal with a team lead who never gives me credit? Why was the term "discrete" used in discrete logarithm? Why do we bend a book to keep it straight? When do you get frequent flier miles - when you buy, or when you fly? How come Sam didn't become Lord of Horn Hill? At the end of Thor: Ragnarok why don't the Asgardians turn and head for the Bifrost as per their original plan? Is it true that "carbohydrates are of no use for the basal metabolic need"? Using et al. for a last / senior author rather than for a first author How to tell that you are a giant? How to react to hostile behavior from a senior developer? String `!23` is replaced with `docker` in command line How to find out what spells would be useless to a blind NPC sp
                      Read more