svg中实现元素拖动

这段时间比较忙，php的设计模式想写工厂模式，但是比较难写，不是一时半会儿能写完的，先把现在正在使用的关于svg中元素的拖动，记录一下。
借助svg，我们可以画出多种多样的图形，而且利用g标签，还可以把多个标签组合在一起，让他们具有相同的行为。语法也比较简洁，希望还么有接触过的同学，学习一下。
要实现拖动功能（大神绕行…），我们需要给元素定义mousedown(响应鼠标在元素范围按住），mousemove(移动），mouseup(松开鼠标），先定义一个rect标签(有机会补图）。

<rect width="100" height="100" fill='#f00' stroke='#d7a7bd' stroke-width='3' stroke-linecap="round" stroke-dasharray=