Chemfig and tikz: shaded arrow












2















How can I make these arrow shades, for example to blue from white?



documentclass{article}

usepackage{chemfig}

usepackage[version=3]{mhchem}



begin{document}

begin{figure}[!htb]

centering

scalebox{2}{

schemestart

chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}

schemestop

chemmove{    

      draw[blue][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  

      draw[blue][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     

}

}

end{figure}

end{document}


enter image description here






tikz-arrows chemfig







share|improve this question


















  • 1





    Here are some ways to accomplish that.

    – marmot
    Apr 19 '18 at 20:09
















2















How can I make these arrow shades, for example to blue from white?



documentclass{article}

usepackage{chemfig}

usepackage[version=3]{mhchem}



begin{document}

begin{figure}[!htb]

centering

scalebox{2}{

schemestart

chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}

schemestop

chemmove{    

      draw[blue][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  

      draw[blue][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     

}

}

end{figure}

end{document}


enter image description here






tikz-arrows chemfig







share|improve this question


















  • 1





    Here are some ways to accomplish that.

    – marmot
    Apr 19 '18 at 20:09














2












2








2








How can I make these arrow shades, for example to blue from white?



documentclass{article}

usepackage{chemfig}

usepackage[version=3]{mhchem}



begin{document}

begin{figure}[!htb]

centering

scalebox{2}{

schemestart

chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}

schemestop

chemmove{    

      draw[blue][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  

      draw[blue][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     

}

}

end{figure}

end{document}


enter image description here






tikz-arrows chemfig







share|improve this question














How can I make these arrow shades, for example to blue from white?



documentclass{article}

usepackage{chemfig}

usepackage[version=3]{mhchem}



begin{document}

begin{figure}[!htb]

centering

scalebox{2}{

schemestart

chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}

schemestop

chemmove{    

      draw[blue][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  

      draw[blue][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     

}

}

end{figure}

end{document}


enter image description here






tikz-arrows chemfig




tikz-arrows chemfig






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Apr 19 '18 at 20:07









user3204810user3204810

32117




32117








  • 1





    Here are some ways to accomplish that.

    – marmot
    Apr 19 '18 at 20:09














  • 1





    Here are some ways to accomplish that.

    – marmot
    Apr 19 '18 at 20:09








1




1





Here are some ways to accomplish that.

– marmot
Apr 19 '18 at 20:09





Here are some ways to accomplish that.

– marmot
Apr 19 '18 at 20:09










2 Answers
2






active

oldest

votes


















2














Building upon Sebastiano's answer, one can also apply the path fading option directly to chemfig arrows as shown in the following example:



enter image description here



documentclass{article}

usepackage{chemfig}

usepackage[version=3]{mhchem}

usetikzlibrary{fadings}



begin{document}



begin{figure}[!htb]

centering

scalebox{2}{

schemestart

chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}

schemestop

chemmove{    

      draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  

      draw[blue, path fading = east][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     

}

}

end{figure}



end{document}





share|improve this answer































    1














    A possible solution with tikz-cd it is very simple to have the arrows shades to blue from white.



    enter image description here



    documentclass[a4paper,12pt]{article}
    
usepackage{tikz-cd,amsmath}
    
usetikzlibrary{fadings}
    
begin{document}
    
begin{tikzcd}[column sep=.7cm]
    
color{gray}{mathrm{O}}
    
 arrow[r, equal, no head] arrow[r, bend left=49, blue, path fading=west] & mathbf{C} arrow[r, no head, equal] & color{gray}{mathrm{O}} arrow[l, bend right=49, blue, path fading=east]
    
end{tikzcd}
    
end{document}





    share|improve this answer





















    • 1





      +1. Maybe you want to add, that path fading can also be applied to chemfig arrows. Using draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2); ... will result in the following output: i.stack.imgur.com/YMnc8.png

      – leandriis
      Mar 12 at 22:35













    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%2f427479%2fchemfig-and-tikz-shaded-arrow%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









    2














    Building upon Sebastiano's answer, one can also apply the path fading option directly to chemfig arrows as shown in the following example:



    enter image description here



    documentclass{article}
    
usepackage{chemfig}
    
usepackage[version=3]{mhchem}
    
usetikzlibrary{fadings}
    

    
begin{document}
    

    
begin{figure}[!htb]
    
centering
    
scalebox{2}{
    
schemestart
    
chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}
    
schemestop
    
chemmove{    
    
      draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  
    
      draw[blue, path fading = east][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     
    
}
    
}
    
end{figure}
    

    
end{document}





    share|improve this answer




























      2














      Building upon Sebastiano's answer, one can also apply the path fading option directly to chemfig arrows as shown in the following example:



      enter image description here



      documentclass{article}
      
usepackage{chemfig}
      
usepackage[version=3]{mhchem}
      
usetikzlibrary{fadings}
      

      
begin{document}
      

      
begin{figure}[!htb]
      
centering
      
scalebox{2}{
      
schemestart
      
chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}
      
schemestop
      
chemmove{    
      
      draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  
      
      draw[blue, path fading = east][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     
      
}
      
}
      
end{figure}
      

      
end{document}





      share|improve this answer


























        2












        2








        2







        Building upon Sebastiano's answer, one can also apply the path fading option directly to chemfig arrows as shown in the following example:



        enter image description here



        documentclass{article}
        
usepackage{chemfig}
        
usepackage[version=3]{mhchem}
        
usetikzlibrary{fadings}
        

        
begin{document}
        

        
begin{figure}[!htb]
        
centering
        
scalebox{2}{
        
schemestart
        
chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}
        
schemestop
        
chemmove{    
        
      draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  
        
      draw[blue, path fading = east][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     
        
}
        
}
        
end{figure}
        

        
end{document}





        share|improve this answer













        Building upon Sebastiano's answer, one can also apply the path fading option directly to chemfig arrows as shown in the following example:



        enter image description here



        documentclass{article}
        
usepackage{chemfig}
        
usepackage[version=3]{mhchem}
        
usetikzlibrary{fadings}
        

        
begin{document}
        

        
begin{figure}[!htb]
        
centering
        
scalebox{2}{
        
schemestart
        
chemfig{@{O1-2}textcolor{gray}{O}=@{C1-2}textbf{C}=@{O2-2}textcolor{gray}{O}}
        
schemestop
        
chemmove{    
        
      draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2);  
        
      draw[blue, path fading = east][shorten <=3pt, shorten >=3pt](O2-2).. controls +(north:1cm) and +(60:1cm).. (C1-2);     
        
}
        
}
        
end{figure}
        

        
end{document}






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Mar 12 at 22:40









        leandriisleandriis

        10.4k1531




        10.4k1531























            1














            A possible solution with tikz-cd it is very simple to have the arrows shades to blue from white.



            enter image description here



            documentclass[a4paper,12pt]{article}
            
usepackage{tikz-cd,amsmath}
            
usetikzlibrary{fadings}
            
begin{document}
            
begin{tikzcd}[column sep=.7cm]
            
color{gray}{mathrm{O}}
            
 arrow[r, equal, no head] arrow[r, bend left=49, blue, path fading=west] & mathbf{C} arrow[r, no head, equal] & color{gray}{mathrm{O}} arrow[l, bend right=49, blue, path fading=east]
            
end{tikzcd}
            
end{document}





            share|improve this answer





















            • 1





              +1. Maybe you want to add, that path fading can also be applied to chemfig arrows. Using draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2); ... will result in the following output: i.stack.imgur.com/YMnc8.png

              – leandriis
              Mar 12 at 22:35


















            1














            A possible solution with tikz-cd it is very simple to have the arrows shades to blue from white.



            enter image description here



            documentclass[a4paper,12pt]{article}
            
usepackage{tikz-cd,amsmath}
            
usetikzlibrary{fadings}
            
begin{document}
            
begin{tikzcd}[column sep=.7cm]
            
color{gray}{mathrm{O}}
            
 arrow[r, equal, no head] arrow[r, bend left=49, blue, path fading=west] & mathbf{C} arrow[r, no head, equal] & color{gray}{mathrm{O}} arrow[l, bend right=49, blue, path fading=east]
            
end{tikzcd}
            
end{document}





            share|improve this answer





















            • 1





              +1. Maybe you want to add, that path fading can also be applied to chemfig arrows. Using draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2); ... will result in the following output: i.stack.imgur.com/YMnc8.png

              – leandriis
              Mar 12 at 22:35
















            1












            1








            1







            A possible solution with tikz-cd it is very simple to have the arrows shades to blue from white.



            enter image description here



            documentclass[a4paper,12pt]{article}
            
usepackage{tikz-cd,amsmath}
            
usetikzlibrary{fadings}
            
begin{document}
            
begin{tikzcd}[column sep=.7cm]
            
color{gray}{mathrm{O}}
            
 arrow[r, equal, no head] arrow[r, bend left=49, blue, path fading=west] & mathbf{C} arrow[r, no head, equal] & color{gray}{mathrm{O}} arrow[l, bend right=49, blue, path fading=east]
            
end{tikzcd}
            
end{document}





            share|improve this answer















            A possible solution with tikz-cd it is very simple to have the arrows shades to blue from white.



            enter image description here



            documentclass[a4paper,12pt]{article}
            
usepackage{tikz-cd,amsmath}
            
usetikzlibrary{fadings}
            
begin{document}
            
begin{tikzcd}[column sep=.7cm]
            
color{gray}{mathrm{O}}
            
 arrow[r, equal, no head] arrow[r, bend left=49, blue, path fading=west] & mathbf{C} arrow[r, no head, equal] & color{gray}{mathrm{O}} arrow[l, bend right=49, blue, path fading=east]
            
end{tikzcd}
            
end{document}






            share|improve this answer














            share|improve this answer



            share|improve this answer








            edited Mar 13 at 9:01

























            answered Mar 12 at 21:36









            SebastianoSebastiano

            11.1k42164




            11.1k42164








            • 1





              +1. Maybe you want to add, that path fading can also be applied to chemfig arrows. Using draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2); ... will result in the following output: i.stack.imgur.com/YMnc8.png

              – leandriis
              Mar 12 at 22:35
















            • 1





              +1. Maybe you want to add, that path fading can also be applied to chemfig arrows. Using draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2); ... will result in the following output: i.stack.imgur.com/YMnc8.png

              – leandriis
              Mar 12 at 22:35










            1




            1





            +1. Maybe you want to add, that path fading can also be applied to chemfig arrows. Using draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2); ... will result in the following output: i.stack.imgur.com/YMnc8.png

            – leandriis
            Mar 12 at 22:35







            +1. Maybe you want to add, that path fading can also be applied to chemfig arrows. Using draw[blue, path fading = west][shorten <=3pt, shorten >=3pt](O1-2).. controls +(north:1cm) and +(120:1cm).. (C1-2); ... will result in the following output: i.stack.imgur.com/YMnc8.png

            – leandriis
            Mar 12 at 22:35




















            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%2f427479%2fchemfig-and-tikz-shaded-arrow%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 change which sound is reproduced for terminal bell?

            Image
            3 Recently upgrade to 18.10 from 18.04, and using the terminal is becoming annoying: the new alert sound is a drip ( /usr/share/sounds/gnome/default/alerts/drip.ogg ), and the previous one is still located at ( /usr/share/sounds/ubuntu/stereo/bell.ogg ). My issue is that at the gnome-terminal, when autocompleting or pressing left BOTH sounds are reproduced, at the same time. I want to just have ubuntu/stereo/bell.ogg active, not both . At the moment I have been only able to reduce the volume of the alerts (but still both are played), or turn the alerts down (but I dislike both "solutions"). gnome-terminal 18.10 teminal-bell share | improve this question
            Read more

            Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents

            Image
            up vote 5 down vote favorite 2 I would like to make it so that the vertical space below the title of each chapter is the same when using the Bjornstrup package (i.e. so that the descenders do not affect the spacing - as shown by the red arrow in the picture below). I think I'm fairly happy with the spacing around "A chapter", so I'd really like titles without descenders (e.g. "Contents") to have the same vertical spacing as "A chapter" below the title. I would also like to remove the large "0" in the contents title. Any help appreciated, as always. documentclass[11pt,a4paper]{book} % Packages[![enter image description here][1]][1] usepackage[left=3.5cm, right=3.5cm, top=4.3cm, bottom=4.25cm]{geometry} usepackage[utf8]{inputenc} usepackage{libertine} usepackage[libertine]{newtx
            Read more

            Can I use Tabulator js library in my java Spring + Thymeleaf project?

            Image
            0 I want to add Tabulator js to my java project. I added tabulator.min.js, tabulator.min.css to resources folder. After that added to my html page these dependencies as recommending in readme.md. <link rel="stylesheet" th:href="@{/css/tabulator.min.css}"> <script type="text/javascript" th:src="@{/js/tabulator.min.js}"></script> Now my tables view all elements, that I have in the html page, but not correct. In the documentation of Tabulator is example how to create header and table, var table = new Tabulator("#example-table", { columns:[ {title:"Name", field:"name", sorter:"string", width:200, editor:true}, {title:"Age", field:"age", sorter:"
            Read more