怎么让svg内的元素不被拖出svg的大小范围？

Question

svg的大小是固定的，内部circle元素可拖动，怎么能让circle拖动时不超出svg的大小范围？
地址: Demo online
最好能在源码上修改，谢谢！

Answer 1

参考下面cx的赋值 svg的宽度为400的时候 可以自己替换

     function dragmove(d) {
            d3.select(this)
                .attr("cx",
                function(){
                  if(d3.event.x<0){
                    return d.r;
                  }else if(d3.event.x>400){
                    return 400-d.r
                  }else{
                    return d3.event.x

                  }
                })
                .attr("cy", d.cy = d3.event.y);
        }