求教，HTML5实现图片自动剪切

[qq_31942981]

比如，拍摄一张名片，照片上除了名片本身的内容，还会有名片之外的内容，怎样去除多余的部分，最终实现自动剪切图片后，只保留名片的图像

[qq_31942981]

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

[天际的海浪]

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

[当作看不见]

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

[szuzsq]

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

[letMeAlone_]

这个比较麻烦，但是如果 你的名片 颜色区分比较明显的话，倒是可能。 我个人有两个想法： 第一个：【此方法对名片与背景的色差要大，感觉不太现实】 用canvas的getImagedata 去 模糊寻找 你的名片所在像素点的边界，然后再获取范围里面的所有像素点，最后putImagedata，获取最终的图像。 用极限法来就是，假设你的背景全是黑色，名片是白色，那你就可以获取到白色名片部分的边界，进而获取名片的所有像素点。 这只是一个想法，如果你的名片颜色区分比较明显的话。。。 第二种的话就是模仿metlab的运动识别【如何从两张静态图片中识别一个运动的物体（此处为名片）】,但是这个很明显是需要定点 拍摄的，考虑到名片的拍摄需求要求很低，所以可能限制比较多，比如，保证拍摄的照片中名片与相片底部尽可能保持平行。拍摄多张 图片，比对两张照片的【像素段】相似度较高的部分，就好比，假设比对的像素段长度为20，如果在比对过程中，像素点的 色差在某一段允许的范围内 有10个相似的像素点，则可以将其认为，可能是名片所在的像素点。 老实说这个会更复杂，而且高强度的运算会影响性能，可能你浏览器一开，CPU就爆了。 个人愚见，所以我建议，为了降低实现功能的难度，应该增加客户上传图片的 要求，比如，必须是白色背景，如此一来，你只要把白色部分的像素点去掉，剩下的就是名片了。