raphael绘制可拖动控件

【实例简介】
raphael.js 绘制可拖动控件，利用jquery ui从工具集拖出控件生成svg元素，元素可以再次拖动。
【实例截图】
【核心代码】
raphael
└── raphael
├── js
│   ├── designer
│   │   └── images
│   │   ├── 16
│   │   │   ├── delete.gif
│   │   │   ├── end_event_cancel.png
│   │   │   ├── end_event_error.png
│   │   │   ├── end_event_terminate.png
│   │   │   ├── event.gif
│   │   │   ├── events_multiple.gif
│   │   │   ├── flow_sequence.png
│   │   │   ├── gateway_exclusive.png
│   │   │   ├── gateway_exclusive_s.png
│   │   │   ├── gateway_parallel.png
│   │   │   ├── new_event_listener.gif
│   │   │   ├── new_swimlane.gif
│   │   │   ├── new_timer.gif
│   │   │   ├── node_elements_multiple.gif
│   │   │   ├── start_event_empty.png
│   │   │   ├── swimlane.gif
│   │   │   ├── swimlanes_multiple.gif
│   │   │   ├── task_empty.png
│   │   │   ├── task_empty_small_green.png
│   │   │   ├── task_empty_small_yellow.png
│   │   │   ├── task_hql.png
│   │   │   ├── task_java.png
│   │   │   ├── task_sql.png
│   │   │   ├── task_wait.png
│   │   │   ├── timer.gif
│   │   │   ├── timers_multiple.gif
│   │   │   └── transitions_multiple.gif
│   │   ├── 48
│   │   │   ├── end_event_cancel.png
│   │   │   ├── end_event_error.png
│   │   │   ├── end_event_terminate.png
│   │   │   ├── flow_sequence.png
│   │   │   ├── gateway_exclusive_b.png
│   │   │   ├── gateway_exclusive.png
│   │   │   ├── gateway_parallel.png
│   │   │   ├── start_event_empty.png
│   │   │   ├── task_empty_green.png
│   │   │   ├── task_empty.png
│   │   │   ├── task_empty_yellow.png
│   │   │   ├── task_hql.png
│   │   │   ├── task_java.png
│   │   │   ├── task_sql.png
│   │   │   └── task_wait.png
│   │   ├── bg.png
│   │   ├── save.gif
│   │   └── select16.gif
│   ├── jquery.js
│   └── jquery-ui-1.8.4.custom
│   └── js
│   ├── jquery.min.js
│   └── jquery-ui.min.js
├── model.html
├── model.png
└── myJs
├── designer.js
├── jquery.js
└── raphael.js

9 directories, 53 files