纯前端实现人体抠图背景融合-调用Face++抠像接口API实现人像抠图

背景

H5项目需求，用户上传半身照，程序抠出人像，跟指定背景融合成一张海报。

解决方法

目前市面上只查到face++有这种抠图接口。

调用URL：

https://api-cn.faceplusplus.com/humanbodypp/v2/segment

调用方法：

POST

请求参数：

是否必选	参数名	类型	参数说明
...	...	...	...
必选（三选一）	image_url ...	String ...	图片的 URL ...

是否必选

参数名

类型

参数说明

...

必选（三选一）

image_url

...

String

...

图片的 URL

...

返回值说明：

字段	类型	说明
...	...	...
body_image	String	一个通过base64 编码的图片文件。解码后文件为抠出人像的图片，背景为透明色。图片大小与原图一致。

关键代码：

        var postData = 'api_key=xxx&api_secret=xxx'+ '&image_url=http://xxx.com/xxx.jpg';$.ajax({dataType: 'json', type: 'POST' ,url: 'https://api-cn.faceplusplus.com/humanbodypp/v2/segment',data: postData,success: function(response){ if(typeof(response.error_message) == "undefined"){// todo: 在这里添加生成后的逻辑，response.result 为生成图的base64编码$('.uploadpic').attr('src', 'data:image/jpg/png;base64,' + response.result); }else{// todo: 在这里添加上传失败的逻辑alert('请重新上传照片');} },error: function(xhr, status, error){console.log(xhr.responseText);// todo: 在这里添加上传失败的逻辑alert('请重新上传照片');}});

Demo二维码

参考链接

人体抠像：https://www.faceplusplus.com.cn/body-outlining

人体抠像API文档：https://console.faceplusplus.com.cn/documents/40608240

纯前端实现人体抠图背景融合-调用Face++抠像接口API实现人像抠图相关推荐

图像抠图去背景技术从传统算法到深度学习到商用：如何快速使用JAVA/PHP/Python/ShellCommand 实现人像抠图去背景-调用PicUP.AI抠人像接口API实现人像抠图
图像抠图去背景技术从传统算法到深度学习图像去背景(抠图)是图像编辑中的关键技术三分图(trimap)的概念 PicUP.AI [链接](https://www.picup.ai). 实测例子 AP ...
调用阿里云接口一键实现人像动漫化
调用阿里云接口一键实现人像动漫化前言一.整体流程二.生成效果总结前言在一篇博客中学到了调用API实现人像动漫化,不过有些东西还不是特别明白,所以写下这篇文章,参考链接在末尾,通过调用阿里云 ...
php调用天气预报接口,PHP调用百度天气接口API实现查询实时天气
现在,不用守着晚上7点半的时间去看第二天的天气预报,只要你有手机,有网络,便可以轻松查询实时天气,可你知道怎么用PHP实现的吗?本文将带大家学习一种调用百度天气接口的方式,直接在PHP上查看实时天气, ...
php 百度天气接口api接口,PHP调用百度天气接口API实现查询实时天气
现在,不用守着晚上7点半的时间去看第二天的天气预报,只要你有手机,有网络,便可以轻松查询实时天气,可你知道怎么用PHP实现的吗?本文将带大家学习一种调用百度天气接口的方式,直接在PHP上查看实时天气, ...
java调用快递物流接口api
接口地址:阿里云全球物流快递查询(单号识别) 登录阿里云进行购买,有免费试用次数,可以免费查询100次. 购买成功之后去阿里云控制台→云市场→已购买服务就能看自己的接口所需要的key. 然后jav ...
调用支付宝PHP接口API实现在线即时支付功能（UTF-8编码）
这次在项目中要实现订单功能,所以要完成在线支付,在线支付一般有网银支付和第三方支付(支付宝.paypal等)这两种途径,未简单起见,先完成支付宝在线支付功能,使用UTF-8编码在正式测试之前,先准备 ...
kettle调用免费天气接口API入库
1.采用中华万年历天气API //URL: http://wthrcdn.etouch.cn/weather_mini?city=太原 //获取到的json数据 {"data": ...
一键抠图Portrait Matting人像抠图 (C++和Android源码)
一键抠图Portrait Matting人像抠图 (C++和Android源码) 目录一键抠图Portrait Matting人像抠图 (C++和Android源码) 1. 项目介绍: 2. MOD ...
蓝松视觉科技 AI人像抠图说明
AI人像抠图的API 文章目录 AI人像抠图的API 1. 初始化 2.1 抠图API (nv21输入格式) 2.2 抠图API (rgba输入格式) 3. 释放抠图对象 4. 其他API 赠送的解释 ...

纯前端实现人体抠图背景融合-调用Face++抠像接口API实现人像抠图

背景

解决方法

参考链接

纯前端实现人体抠图背景融合-调用Face++抠像接口API实现人像抠图相关推荐

最新文章

热门文章