Draw grid lines on second image

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP












3















In my example, I wish to draw grid lines on the second image but now it draws on first image also:



documentclassstandalone

usepackagegraphicx
usepackagetikz
usetikzlibrarypositioning
usetikzlibrarybackgrounds
begindocument
begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
tikzsetbox/.style=anchor=south west,inner sep=0
node[box] (N1) includegraphics[width=textwidth]example-image-a;

node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
beginscope[x=(N2.south east),y=(N2.north west)]
draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
endscope
foreach i in N2.south east,N2.north west
node[circle,fill=red,minimum size=20pt] at(i) ;


endtikzpicture
enddocument


enter image description here










share|improve this question




























    3















    In my example, I wish to draw grid lines on the second image but now it draws on first image also:



    documentclassstandalone

    usepackagegraphicx
    usepackagetikz
    usetikzlibrarypositioning
    usetikzlibrarybackgrounds
    begindocument
    begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
    tikzsetbox/.style=anchor=south west,inner sep=0
    node[box] (N1) includegraphics[width=textwidth]example-image-a;

    node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
    beginscope[x=(N2.south east),y=(N2.north west)]
    draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
    foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
    foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
    endscope
    foreach i in N2.south east,N2.north west
    node[circle,fill=red,minimum size=20pt] at(i) ;


    endtikzpicture
    enddocument


    enter image description here










    share|improve this question


























      3












      3








      3








      In my example, I wish to draw grid lines on the second image but now it draws on first image also:



      documentclassstandalone

      usepackagegraphicx
      usepackagetikz
      usetikzlibrarypositioning
      usetikzlibrarybackgrounds
      begindocument
      begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
      tikzsetbox/.style=anchor=south west,inner sep=0
      node[box] (N1) includegraphics[width=textwidth]example-image-a;

      node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
      beginscope[x=(N2.south east),y=(N2.north west)]
      draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
      foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
      foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
      endscope
      foreach i in N2.south east,N2.north west
      node[circle,fill=red,minimum size=20pt] at(i) ;


      endtikzpicture
      enddocument


      enter image description here










      share|improve this question
















      In my example, I wish to draw grid lines on the second image but now it draws on first image also:



      documentclassstandalone

      usepackagegraphicx
      usepackagetikz
      usetikzlibrarypositioning
      usetikzlibrarybackgrounds
      begindocument
      begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
      tikzsetbox/.style=anchor=south west,inner sep=0
      node[box] (N1) includegraphics[width=textwidth]example-image-a;

      node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
      beginscope[x=(N2.south east),y=(N2.north west)]
      draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
      foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
      foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
      endscope
      foreach i in N2.south east,N2.north west
      node[circle,fill=red,minimum size=20pt] at(i) ;


      endtikzpicture
      enddocument


      enter image description here







      tikz-pgf






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Feb 16 at 16:58









      AboAmmar

      34.4k32884




      34.4k32884










      asked Feb 16 at 16:03









      lucky1928lucky1928

      1,2411816




      1,2411816




















          2 Answers
          2






          active

          oldest

          votes


















          5














          You must use shift=N2.south west to change the origin in your scope:



          documentclassstandalone

          usepackagegraphicx
          usepackagetikz
          usetikzlibrarypositioning
          usetikzlibrarybackgrounds
          begindocument
          begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
          tikzsetbox/.style=anchor=south west,inner sep=0
          node[box] (N1) includegraphics[width=textwidth]example-image-a;

          node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
          beginscope[shift=(N2.south west),x=(N2.south east),y=(N2.north west)]
          draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
          foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
          foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
          endscope
          foreach i in N2.south east,N2.north west
          node[circle,fill=red,minimum size=20pt] at(i) ;


          endtikzpicture
          enddocument


          enter image description here






          share|improve this answer






























            3














            This is more like a work-around, place the second picture at the origin first, then place the first image relative to it.



            documentclassstandalone
            usepackagegraphicx
            usepackagetikz
            usetikzlibrarypositioning
            usetikzlibrarybackgrounds
            begindocument
            begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
            tikzsetbox/.style=anchor=south west,inner sep=0
            node[box] (N2) includegraphics[width=textwidth]example-image-b;
            node[box,left=0.7cm of N2] (N1) includegraphics[width=textwidth]example-image-a;

            beginscope[x=(N2.south east),y=(N2.north west)]
            draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
            foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
            foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
            endscope
            foreach i in N2.south east,N2.north west
            node[circle,fill=red,minimum size=20pt] at(i) ;

            endtikzpicture
            enddocument


            enter image description here






            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%2f475207%2fdraw-grid-lines-on-second-image%23new-answer', 'question_page');

              );

              Post as a guest















              Required, but never shown

























              2 Answers
              2






              active

              oldest

              votes








              2 Answers
              2






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes









              5














              You must use shift=N2.south west to change the origin in your scope:



              documentclassstandalone

              usepackagegraphicx
              usepackagetikz
              usetikzlibrarypositioning
              usetikzlibrarybackgrounds
              begindocument
              begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
              tikzsetbox/.style=anchor=south west,inner sep=0
              node[box] (N1) includegraphics[width=textwidth]example-image-a;

              node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
              beginscope[shift=(N2.south west),x=(N2.south east),y=(N2.north west)]
              draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
              foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
              foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
              endscope
              foreach i in N2.south east,N2.north west
              node[circle,fill=red,minimum size=20pt] at(i) ;


              endtikzpicture
              enddocument


              enter image description here






              share|improve this answer



























                5














                You must use shift=N2.south west to change the origin in your scope:



                documentclassstandalone

                usepackagegraphicx
                usepackagetikz
                usetikzlibrarypositioning
                usetikzlibrarybackgrounds
                begindocument
                begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
                tikzsetbox/.style=anchor=south west,inner sep=0
                node[box] (N1) includegraphics[width=textwidth]example-image-a;

                node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
                beginscope[shift=(N2.south west),x=(N2.south east),y=(N2.north west)]
                draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
                foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
                foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
                endscope
                foreach i in N2.south east,N2.north west
                node[circle,fill=red,minimum size=20pt] at(i) ;


                endtikzpicture
                enddocument


                enter image description here






                share|improve this answer

























                  5












                  5








                  5







                  You must use shift=N2.south west to change the origin in your scope:



                  documentclassstandalone

                  usepackagegraphicx
                  usepackagetikz
                  usetikzlibrarypositioning
                  usetikzlibrarybackgrounds
                  begindocument
                  begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
                  tikzsetbox/.style=anchor=south west,inner sep=0
                  node[box] (N1) includegraphics[width=textwidth]example-image-a;

                  node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
                  beginscope[shift=(N2.south west),x=(N2.south east),y=(N2.north west)]
                  draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
                  foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
                  foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
                  endscope
                  foreach i in N2.south east,N2.north west
                  node[circle,fill=red,minimum size=20pt] at(i) ;


                  endtikzpicture
                  enddocument


                  enter image description here






                  share|improve this answer













                  You must use shift=N2.south west to change the origin in your scope:



                  documentclassstandalone

                  usepackagegraphicx
                  usepackagetikz
                  usetikzlibrarypositioning
                  usetikzlibrarybackgrounds
                  begindocument
                  begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
                  tikzsetbox/.style=anchor=south west,inner sep=0
                  node[box] (N1) includegraphics[width=textwidth]example-image-a;

                  node[box,right=0.5cm of N1] (N2) includegraphics[width=textwidth]example-image-b;
                  beginscope[shift=(N2.south west),x=(N2.south east),y=(N2.north west)]
                  draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
                  foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
                  foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
                  endscope
                  foreach i in N2.south east,N2.north west
                  node[circle,fill=red,minimum size=20pt] at(i) ;


                  endtikzpicture
                  enddocument


                  enter image description here







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Feb 16 at 17:44









                  Paul GaboritPaul Gaborit

                  55.6k8142227




                  55.6k8142227





















                      3














                      This is more like a work-around, place the second picture at the origin first, then place the first image relative to it.



                      documentclassstandalone
                      usepackagegraphicx
                      usepackagetikz
                      usetikzlibrarypositioning
                      usetikzlibrarybackgrounds
                      begindocument
                      begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
                      tikzsetbox/.style=anchor=south west,inner sep=0
                      node[box] (N2) includegraphics[width=textwidth]example-image-b;
                      node[box,left=0.7cm of N2] (N1) includegraphics[width=textwidth]example-image-a;

                      beginscope[x=(N2.south east),y=(N2.north west)]
                      draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
                      foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
                      foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
                      endscope
                      foreach i in N2.south east,N2.north west
                      node[circle,fill=red,minimum size=20pt] at(i) ;

                      endtikzpicture
                      enddocument


                      enter image description here






                      share|improve this answer





























                        3














                        This is more like a work-around, place the second picture at the origin first, then place the first image relative to it.



                        documentclassstandalone
                        usepackagegraphicx
                        usepackagetikz
                        usetikzlibrarypositioning
                        usetikzlibrarybackgrounds
                        begindocument
                        begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
                        tikzsetbox/.style=anchor=south west,inner sep=0
                        node[box] (N2) includegraphics[width=textwidth]example-image-b;
                        node[box,left=0.7cm of N2] (N1) includegraphics[width=textwidth]example-image-a;

                        beginscope[x=(N2.south east),y=(N2.north west)]
                        draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
                        foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
                        foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
                        endscope
                        foreach i in N2.south east,N2.north west
                        node[circle,fill=red,minimum size=20pt] at(i) ;

                        endtikzpicture
                        enddocument


                        enter image description here






                        share|improve this answer



























                          3












                          3








                          3







                          This is more like a work-around, place the second picture at the origin first, then place the first image relative to it.



                          documentclassstandalone
                          usepackagegraphicx
                          usepackagetikz
                          usetikzlibrarypositioning
                          usetikzlibrarybackgrounds
                          begindocument
                          begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
                          tikzsetbox/.style=anchor=south west,inner sep=0
                          node[box] (N2) includegraphics[width=textwidth]example-image-b;
                          node[box,left=0.7cm of N2] (N1) includegraphics[width=textwidth]example-image-a;

                          beginscope[x=(N2.south east),y=(N2.north west)]
                          draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
                          foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
                          foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
                          endscope
                          foreach i in N2.south east,N2.north west
                          node[circle,fill=red,minimum size=20pt] at(i) ;

                          endtikzpicture
                          enddocument


                          enter image description here






                          share|improve this answer















                          This is more like a work-around, place the second picture at the origin first, then place the first image relative to it.



                          documentclassstandalone
                          usepackagegraphicx
                          usepackagetikz
                          usetikzlibrarypositioning
                          usetikzlibrarybackgrounds
                          begindocument
                          begintikzpicture[background rectangle/.style=fill=yellow!20, show background rectangle]
                          tikzsetbox/.style=anchor=south west,inner sep=0
                          node[box] (N2) includegraphics[width=textwidth]example-image-b;
                          node[box,left=0.7cm of N2] (N1) includegraphics[width=textwidth]example-image-a;

                          beginscope[x=(N2.south east),y=(N2.north west)]
                          draw[help lines,xstep=.1,ystep=.1] (0,0) grid (1,1);
                          foreach x in 0,1,...,9 node [anchor=north] at (x/10,0) 0.x;
                          foreach y in 0,1,...,9 node [anchor=east] at (0,y/10) 0.y;
                          endscope
                          foreach i in N2.south east,N2.north west
                          node[circle,fill=red,minimum size=20pt] at(i) ;

                          endtikzpicture
                          enddocument


                          enter image description here







                          share|improve this answer














                          share|improve this answer



                          share|improve this answer








                          edited Feb 16 at 16:54

























                          answered Feb 16 at 16:21









                          AboAmmarAboAmmar

                          34.4k32884




                          34.4k32884



























                              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%2f475207%2fdraw-grid-lines-on-second-image%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

                              How to check contact read email or not when send email to Individual?

                              Bahrain

                              Postfix configuration issue with fips on centos 7; mailgun relay