TESTES COM RAPHAEL

Testes com Raphael.

by Klawztro

HTML

<div id='container'></div>

JavaScript

function inicial() {

    var MYAPP = {};
    MYAPP.circle = {};
    MYAPP.circle.left = 60;
    MYAPP.circle.top = 30;
    MYAPP.circle.radius = 22;
    
    var r = Raphael("container",600,600);
   
    function drawCircle(canvas,config,text) {
        var circle = canvas.circle(config.left,config.top,config.radius);
        if (typeof text !== 'undefined') {
            canvas.text(config.left,config.top,text);
        }
        return circle;
    }
    
    function connectCircles(canvas,circle1,circle2,curve_type) {
        var coords = {
            _initial : {
                x : (circle1.attrs.cx - 0) + (circle1.attrs.r - 0),
                y : circle1.attrs.cy
            },
            _final : {
                x : (circle2.attrs.cx - 0) - (circle2.attrs.r - 0),
                y : circle2.attrs.cy
            }
        },
            string_coord;
        if (typeof curve_type === 'undefined') {
            string_coord  = "M" + coords._initial.x + " " + coords._initial.y;
            string_coord += "L" + coords._final.x   + " " + coords._final.y;
        } else {
            if (curve_type === 'curve') {
                string_coord  = "M "  + circle1.attrs.cx + ",";
                string_coord += (circle1.attrs.cy + circle1.attrs.r) + "c-";
                string_coord += "10"   + ","                + "30" + ","; //Altura do arco.
                string_coord += "130" + ","                + "20" + ",";
                string_coord += circle2.attrs.cx - 60      + "," + "0";               
            }
        }
        return rect = canvas.path(string_coord).attr({'arrow-end' : 'classic'});
    }

    
    function connectCircles2(canvas,circle1,circle2,curve_type,inc_altura,name) {
        var coords = {
            _initial : {
                x : (circle1.attrs.cx - 0) + (circle1.attrs.r - 0),
                y : circle1.attrs.cy
            },
            _final : {
                x : (circle2.attrs.cx - 0) - (circle2.attrs.r - 0),
        ...