这个太难了,图像识别不是这么好做的
如果是让用户手动裁剪的话,这个还是比较现实

手动剪裁做出来了，但是识别无用的部分。。。毫无头绪

photoshop 都做不到这么智能的识别，别说html5了，除非名片之外没有其它的内容，完全是空白

除非你老板再给你涨2万工资.
不然你只能试着找找有没免费开源的代码.

这个比较麻烦，但是如果 你的名片 颜色区分比较明显的话，倒是可能。

我个人有两个想法：

第一个：【此方法对名片与背景的色差要大，感觉不太现实】

用canvas的getImagedata 去 模糊寻找 你的名片所在像素点的边界，然后再获取范围里面的所有像素点，最后putImagedata，获取最终的图像。

用极限法来就是，假设你的背景全是黑色，名片是白色，那你就可以获取到白色名片部分的边界，进而获取名片的所有像素点。

这只是一个想法，如果你的名片颜色区分比较明显的话。。。

第二种的话就是模仿metlab的运动识别【如何从两张静态图片中识别一个运动的物体（此处为名片）】,但是这个很明显是需要定点 拍摄的，考虑到名片的拍摄需求要求很低，所以可能限制比较多，比如，保证拍摄的照片中名片与相片底部尽可能保持平行。拍摄多张 图片，比对两张照片的【像素段】相似度较高的部分，就好比，假设比对的像素段长度为20，如果在比对过程中，像素点的 色差在某一段允许的范围内 有10个相似的像素点，则可以将其认为，可能是名片所在的像素点。

老实说这个会更复杂，而且高强度的运算会影响性能，可能你浏览器一开，CPU就爆了。

个人愚见，所以我建议，为了降低实现功能的难度，应该增加客户上传图片的 要求，比如，必须是白色背景，如此一来，你只要把白色部分的像素点去掉，剩下的就是名片了。