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

Time travel short story where dinosaur doesn't taste like chicken

Placing subfig vertically

How do you like my writing?

Examples of a statistic that is not independent of sample's distribution?

What wound would be of little consequence to a biped but terrible for a quadruped?

Fourth person (in Slavey language)

Is there an elementary proof that there are infinitely many primes that are *not* completely split in an abelian extension?

Who deserves to be first and second author? PhD student who collected data, research associate who wrote the paper or supervisor?

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

Finding algorithms of QGIS commands?

How do I express some one as a black person?

Why does Captain Marvel assume the people on this planet know this?

Make a transparent 448*448 image

A three room house but a three headED dog

PTIJ: How can I halachically kill a vampire?

Should I tell my boss the work he did was worthless

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

Peter's Strange Word

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

Are babies of evil humanoid species inherently evil?

Could you please stop shuffling the deck and play already?

Offered promotion but I'm leaving. Should I tell?

My story is written in English, but is set in my home country. What language should I use for the dialogue?

Why is this plane circling around the Lucknow airport every day?



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
    11 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
    11 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
    11 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
    11 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
    11 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
    11 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
    11 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
    11 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 11 hours ago









RoboticistRoboticist

1,69121231




1,69121231












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

    – Raaja
    11 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
    11 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
    11 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
    11 hours ago


















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

    – Raaja
    11 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
    11 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
    11 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
    11 hours ago

















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

– Raaja
11 hours ago





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

– Raaja
11 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
11 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
11 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
11 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
11 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
11 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
11 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
      10 hours ago












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

      – AndréC
      10 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 9 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
                10 hours ago












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

                – AndréC
                10 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
                10 hours ago












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

                – AndréC
                10 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 10 hours ago

























              answered 10 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
                10 hours ago












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

                – AndréC
                10 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
                10 hours ago












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

                – AndréC
                10 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
              10 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
              10 hours ago














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

              – AndréC
              10 hours ago






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

              – AndréC
              10 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 9 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







                      -

                      Popular posts from this blog

                      Are there any AGPL-style licences that require source code modifications to be public? Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?Force derivative works to be publicAre there any GPL like licenses for Apple App Store?Do you violate the GPL if you provide source code that cannot be compiled?GPL - is it distribution to use libraries in an appliance loaned to customers?Distributing App for free which uses GPL'ed codeModifications of server software under GPL, with web/CLI interfaceDoes using an AGPLv3-licensed library prevent me from dual-licensing my own source code?Can I publish only select code under GPLv3 from a private project?Is there published precedent regarding the scope of covered work that uses AGPL software?If MIT licensed code links to GPL licensed code what should be the license of the resulting binary program?If I use a public API endpoint that has its source code licensed under AGPL in my app, do I need to disclose my source?

                      Image
                      Flight departed from the gate 5 min before scheduled departure time. Refund options How to show a density matrix is in a pure/mixed state? Can we cancel the equality mark here? How to ask rejected full-time candidates to apply to teach individual courses? Are there any AGPL-style licences that require source code modifications to be public? Why did Israel vote against lifting the American embargo on Cuba? What should one know about term logic before studying propositional and predicate logic? Why is Rajasthan pro BJP in the LS elections but not in the state elections? New Order #6: Easter Egg Question on Gÿongy' lemma proof How to resize main filesystem Is it OK if I do not take the receipt in Germany? My mentor says to set image to Fine instead of RAW — how is this different from JPG? Can I feed enough spin up electron to a black hole to affect it's angular momentum? How do I find my Spellcasting Ability for my D&D character? Is my guitar’s ac
                      Read more

                      2013 GY136 Descoberta | Órbita | Referências Menu de navegação«List Of Centaurs and Scattered-Disk Objects»«List of Known Trans-Neptunian Objects»

                      Image
                      Objetos do disco dispersoObjetos transnetunianos objeto transnetunianodisco dispersoSistema Solarcorpo celesteressonância orbitalplanetaplanetamagnitude absolutadiâmetro9 de abril2013Outer Solar System Origins Surveyórbitaexcentricidadesemieixo maiorUAperiélioSolafélio 2013 GY136 Data da descoberta 9 de abril de 2013 Descoberto por Outer Solar System Origins Survey Categoria Transnetuniano Objeto do disco disperso Elementos orbitais Semieixo maior 55,961 UA Perélio 32,595 UA Afélio 79,327 UA Excentricidade 0,418 Inclinação 10,9° Características físicas Dimensões 133 km Magnitude absoluta 7,6 ver 2013 GY 136 , também escrito como 2013 GY136 , é um objeto transnetuniano que está localizado no disco disperso, uma região do Sistema Solar. Este corpo celeste está em uma ressonância orbital de 2:5 com o planeta planeta. Ele possui uma magnitude absoluta de 7,6 [ 1 ] e tem um diâmetro estimado de 133 km. [ 2 ] Descoberta | 2013 GY 136 foi descoberto no dia 9 de abril de 2013 pelo Outer S
                      Read more

                      Button changing it's text & action. Good or terrible? The 2019 Stack Overflow Developer Survey Results Are Inchanging text on user mouseoverShould certain functions be “hard to find” for powerusers to discover?Custom liking function - do I need user login?Using different checkbox style for different checkbox behaviorBest Practices: Save and Exit in Software UIInteraction with remote validated formMore efficient UI to progress the user through a complicated process?Designing a popup notice for a gameShould bulk-editing functions be hidden until a table row is selected, or is there a better solution?Is it bad practice to disable (replace) the context menu?

                      Image
                      Delete all lines which don't have n characters before delimiter Why isn't the circumferential light around the M87 black hole's event horizon symmetric? Why did Acorn's A3000 have red function keys? Does the shape of a die affect the probability of a number being rolled? Worn-tile Scrabble Why do UK politicians seemingly ignore opinion polls on Brexit? If a Druid sees an animal’s corpse, can they wild shape into that animal? Is an up-to-date browser secure on an out-of-date OS? Loose spokes after only a few rides How are circuits which use complex ICs normally simulated? Multiply Two Integer Polynomials Resizing object distorts it (Illustrator CC 2018) Do these rules for Critical Successes and Critical Failures seem Fair? Why can Shazam fly? Does a dangling wire really electrocute me if I'm standing in water? Can we generate random numbers using irrational numbers like π and e? Why isn't airport relocation done gradually? What d
                      Read more