uniapp 抠图、漫画脸、素描脸、贴纸小挂件、裁剪等功能整合，前后端一体，后端unicloud

最新推荐文章于 2022-09-24 18:58:01 发布
最新推荐文章于 2022-09-24 18:58:01 发布
阅读量1.1k 收藏 4
点赞数
分类专栏： 云开发 uniapp vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46414444/article/details/114014757
版权
uniapp 同时被 3 个专栏收录
3 篇文章 0 订阅
订阅专栏
vue
3 篇文章 0 订阅
订阅专栏
云开发
2 篇文章 0 订阅
订阅专栏

下载地址

uni-app 图片处理 图片上传有限可以可以微信搜toopian或者扫码体验所有功能

各类抠图、漫画脸、素描脸、贴纸小挂件、裁剪等功能整合，前后端一起，后端unicloud

图片处理使用的阿里云的

使用教程： 下载插件后 1、在xian-zp目录下npm install一下 2、关联好自己的云空间，在uniCloud/cloudfunctions/file下npm install一下 第二步过后前端就可以运行起来了 3、uniCloud/cloudfunctions/file/index.js里面的阿里云相关信息填写自己的，微信相关的appid=&secret也填写自己的

最后前后端完美运行（调试时记得勾上不校验合法域名比较好或者你把合法域名添加上你自己的小程序）

抛砖引玉，给大家提供一个思路，若是想做其它图片处理，可使用我这种方法，对照着阿里云的官方文档接入就行， 上下求索，道阻且长

在这里插入图片描述

有问题请留言

xian-嘚嘚儿
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
探秘 UniApp Comic：一款以 UniApp 实现的漫画阅读应用框架
gitblog_00057的博客
04-01 969
探秘 UniApp Comic：一款以 UniApp 实现的漫画阅读应用框架 项目地址:https://gitcode.com/kakuuuu/uniapp_comic 项目简介 UniApp Comic 是一个基于 Vue.js 的跨平台漫画阅读应用框架，利用 HBuilderX 和 UniApp 技术栈实现。这个项目的初衷是为了方便开发者快速构建具备优秀用户体验的漫画应用，支持 iOS、An...
uniapp图片剪裁-清晰版
godslife_yeah_net的专栏
01-07 2380
基于网络代码的修改版，原版代码是针对预览图进行剪裁的，所以不清楚，这个是对原图进行剪裁的。
uni-app的图片裁剪nice-cropper.rar
02-22
uni-app的图片裁剪nice-cropper，简单的图片裁剪插件进行了一次封装，修复了图片太小加载后的bug等等。
uni-app微信小程序接入皮卡智能api进行抠图操作
wx479的博客
09-24 858
皮卡智能
uniapp图片添加多个贴纸挂件
给你一个么么哒的博客
02-20 911
主要功能：图片添加贴纸（挂件）放大、缩小、旋转、调整透明度功能，宽高可不等比缩放 功能截图如下： 我已上传到插件市场，这是插件地址 此功能我是参考了另一个插件，但是此插件只可添加一个挂件，只能操作自己的微信头像，只能长宽等比缩放，所以我按照自己的思路实现了添加多个挂件，实现宽高不等比缩放，其中的算法大家可以下载插件自己研究一下，大家共同学习成长 下载下来可直接运行，主要是给大家提供一下思路，抛砖引玉，需要优化的可以自行修改 有什么问题可以留言，一定知无不言 此功能我整合在了一个自己写的小程序里面，有兴趣
uni-app(图片裁剪插件)
Zyl_CN的博客
07-16 4103
<template> <view class="page page-fill"> <view class="page-body uni-content-info"> <view class='cropper-content'> <view v-if="isShowI...
uni图片剪裁
weixin_44156462的博客
11-22 410
```bash //页面引用 <!-- selWidth 是 string 裁剪区域的宽，单位px或upx selHeight 是 string 裁剪区域的高，单位px或upx avatarStyle 否 object 头像样式，默认{width: 150upx; height: 150upx; border-radius: 100%;} --> <cropper selWidth="275rpx" ref='cropper' .
uniapp：一个多边形图片裁剪插件
mosowe
01-20 991
插件地址 插件功能 支持多边形图片裁剪，试一试，你会发现可以把图片裁成奇奇怪怪的形状，三角形，菱形，五角星，五边形… 图片来源：目前从相册选择 平台支持： APP H5 微信小程序 支付宝小程序 百度小程序 字节跳动小程序 QQ小程序 √ √ √ 未测 未测 未测 未测 属性 名称 类型 默认值 说明 版本 side Number \String 5 边数，圆形使边数多即可，4为菱形，若使用正矩形（长方形，正方形）请rect=true 1.0.0 radius Num
java实现人脸识别并裁剪人脸图片
10-16
19年10月3号更新 新资源地址https://download.csdn.net/download/b379685397/11831772。 使用教程见https://blog.csdn.net/b379685397/article/details/101940373 有问题可以私信我哦
微信小程序基于canvas实现纯色背景抠图功能
06-11
微信小程序基于canvas实现纯色背景抠图功能，值得一看和学习；微信小程序基于canvas实现纯色背景抠图功能，值得一看和学习；微信小程序基于canvas实现纯色背景抠图功能，值得一看和学习；微信小程序基于canvas实现...
百度人脸识别API调用（图片抠图然后保存到人脸库以及通过照片在人脸库搜索匹配的人脸信息）
05-25
百度人脸识别API调用（图片抠图然后保存到人脸库以及通过照片在人脸库搜索匹配的人脸信息）
选择图片，拍照或从相机选择并裁剪图片
05-20
选择图片，拍照或从相机选择并裁剪图片，且显示出来
opencv，人脸抠图
06-28
支持人脸抠图和人脸库训练机制，适用于java开发，加强对人脸库的训练模型，机器学习
imgdata_centraly2s_人脸对比_imgdata_套取人脸_图像预处理_源码
10-01
人脸图像特征提取与对比 人脸图像预处理 face_find
uniapp图片头像剪裁kpsImageCutter
weixin_45446474的博客
01-23 1129
图片裁剪工具 - DCloud 插件市场 单页面方式引入在vue页面文件引入 import kpsImageCutter from "@/components/ksp-image-cutter/ksp-image-cutter.vue"; export default { components: {kpsImageCutter}, } <button @tap="chooseImage()">选择图片</button> <image c
uni-app 图片固定比例裁剪
wangxinyang0118的博客
05-29 3468
官方demo里有图片自由比例裁剪的功能 ，所以这里直接拿来用 <template> <view class="container"> <view class="page-body uni-content-info"> <view class='cropper-content'> <view v-if="isShowImg" class="uni-corpper" :style="'width:'+cropperInitW+'px;h
头像裁剪【微信小程序、uni-app】
qq_55626374的博客
10-01 1237
一、子组件，通过插件更改的头像裁剪头像上传裁切/剪切组件 - DCloud 插件市场 <template> <view class="container"> <view class="page-body uni-content-info"> <view class='cropper-content'> <view v-if="isShowImg" class="uni-corpper" :style="'width:'+cro..
uni-app 裁剪插件传了图片后，重复打开会出现第一张图片在左上角
weixin_39818813的博客
01-29 295
关于传了图片后，重复打开会出现第一张图片在左上角的，可以通过位置来在视窗隐藏掉 uni-app裁剪插件，https://ext.dcloud.net.cn/plugin?id=1076
【uni-app】上传图片并实现删除、预览图片功能
得意小门生的博客
08-02 1133
效果图： 说明：点击删除按钮可以删除图片，点击图片可以预览图片。 <view class="img-box flex flex-wrap"> <view class="img" v-for="(item, index) in imgList"> <image class="pic" :src="item" mode="aspectFill" @click="lookImg(index)"></image> <image @click="del
uniapp抠图改背景颜色
最新发布
05-25
Uniapp是一款使用Vue.js框架开发的跨平台应用开发工具，它支持一次开发，多端发布，包括H5、小程序、APP等多种平台。关于抠图和改背景颜色，你可以使用Uniapp中提供的相关组件和插件来实现。 对于抠图，可以使用Uniapp中的image-cropper组件，它可以帮助你裁剪并抠出图片中的指定区域。具体使用方法可以参考Uniapp官方文档。 而改变背景颜色，则可以使用Uniapp中的各种样式和CSS属性来实现。你可以在相关组件或页面中设置背景色或背景图片，也可以通过在全局样式文件中设置body元素的背景色来实现。 如果您需要更加专业的图片处理功能，可以考虑使用一些第三方库或者插件，例如图片处理库Jimp或者抠图插件remove.bg等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值