http://www.cnblogs.com/xcj26/p/5242758.html

模板
截取的图
扫描模板得的抠图

问题已解决，具体请看http://www.cnblogs.com/huxuhong/p/7513833.html

题主的id很熟悉啊，，上次回答过题主一个问题，，那个是抠不规则图形，，，

不知道题主明白原理了没，，不规则都能抠，，这个规则的很难？

周围是圆形对，，圆形是连续的，把它放大到像素级别，还是有棱棱角的

根据这个给则用程序生成一个，，那种形状，，圆形的话，也很好生成，，下面给个生成圆形矩阵的例子：

 private int[][] getCircle(int i) {
        // TODO Auto-generated method stub
        int Circle[][];
        Circle = new int[i][i];

        for (int j = 0; j < Circle.length; j++) {
            for (int j2 = 0; j2 < Circle[0].length; j2++) {
                if (Math.abs((i/2-j)*(i/2-j)+(i/2-j2)*(i/2-j2)) <= (i/2)*(i/2)) {
                    Circle[j][j2] = 0;
                }
                else Circle[j][j2] = 1;
            }
        }
        return Circle;
    }

肯定是要 ps 弄出来 ，成png 透明格式图片的。这个你大可不必担心，因为，如果真正这个项目模块，会有专业UI，给你弄好图片的。

这个我虽然，没做过，但是，我感觉它的原理，应该是：
1、js 拖拽 事件。让需拼合图片和下边拖动图片，动作一致，可以左右拖动
2、判断需拼合图片的目标 offsetLeft 值，如果拖拽到指定值，立即执行验证成功的函数方法，进行页面模块切换、或是跳转。

大致应该是这样，我是做前端的，哪里写错了，希望大家指正