Puis-je avoir un clic et gestionnaire de clavier pour les événements de toile « RaphaelJS?

StackOverflow https://stackoverflow.com/questions/1742917

  •  20-09-2019
  •  | 
  •  

Question

Je suis nouveau à RaphaelJS. Je suis en train d'ajouter un clic d'écoute et d'écoute du clavier sur la toile sans succès. Quelqu'un peut-il s'il vous plaît expliquer comment utiliser un clic écoute et écoute du clavier sur Raphaël. Un petit exemple sera d'une grande aide.

Merci.

Était-ce utile?

La solution

Voici un clic et mouseover exemple, vous pouvez utiliser plus jQuery là pour simplifier, mais je voulais juste utiliser le document fonction prêt. Ne devrait pas être trop pour ajouter un événement de clavier là-dedans: 

<html>
    <head>
        <script type="text/javascript" src="http://github.com/DmitryBaranovskiy/raphael/blob/master/raphael-min.js?raw=true"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function()
            {
                var paper = new Raphael(document.getElementById('canvas_container'), 500, 500);  
                var circ = paper.circle(250, 250, 40);  
                circ.node.onmouseover = function()
                {  
                    this.style.cursor = 'pointer';  
                };

                circ.node.onclick = function() 
                {    
                    circ.animate({opacity: 0}, 2000, function()
                    {                
                        this.remove();  
                    });
                } 
            });
        </script>
        <style type="text/css"> 
            #canvas_container
            {  
                width: 500px;  
                border: 1px solid #aaa;  
            }  
        </style>
    </head>
    <body>                                                       
        <div id="canvas_container"></div>
   </body>
</html>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top