Raphael绘制流程图(一)，添加可拖动的图形

原项目使用的Raphael绘制流程图，要求能自定义箭头的样式和颜色，结合从网上找到的一些资料进行修改。

 

1.jquery或javascript代码

var wf_r = null; //画板对象
var wf_steps = []; //步骤数组
var wf_width = 108; //步骤宽度
var wf_height = 50; //步骤高度
var wf_rect = 8;
var wf_stepDefaultName = "新步骤";//默认步骤名称
var addToJSON = false;
var wf_nodeBorderColor = "#587aa9"; //节点边框颜色
var wf_noteColor = "#efeff0"; //节点填充颜色

//添加步骤
function addStep(x, y, text, id, addToJSON, type1, bordercolor, bgcolor) {
    var guid = getGuid();
    var xy = getNewXY();
    x = x || xy.x;
    y = y || xy.y;
    
    text = text || wf_stepDefaultName;
   
    id = id || guid;
    var rect = wf_r.rect(x, y, wf_width, wf_height, wf_rect);
    rect.attr({ "fill": bgcolor || wf_noteColor, "stroke": bordercolor || wf_no