Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="en">
    <head>
    <script class="jsbin" src="https://github.com/DmitryBaranovskiy/raphael/raw/master/raphael-min.js"></script>
        <meta charset="utf-8">
        <title>asynchronicity</title>        
   
        <script type="text/javascript">
        window.onload = function () {
​
            // Create Canvas
            var r = Raphael(10, 50, 600, 600);            
​
            // Make a 'group' of points
            var Intermediate = r.set();
    Intermediate.push(
        r.circle(74, 79, 20).attr({fill: "#ff7f00",stroke: "#000000",'stroke-width': 3}),
        r.circle(74, 79, 10).attr({fill: "#ff7f00",stroke: "#000000",'stroke-width': 4})
        );
​
var start = function () {
    // storing original coordinates
    this.ox = this.attr("cx");
    this.oy = this.attr("cy");
},
move = function (dx, dy) {
    // move will be called with dx and dy
    Intermediate.attr({cx: this.ox + dx, cy: this.oy + dy});
},
up = function () {
    ;
};
Intermediate.drag(move, start, up);
        };
        
        </script>
    </head>
​
    <body>
        <div id="holder"></div>         
    </body>
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers