更新记录
1.0.1(2026-03-13)
修改文档
1.0.0(2026-03-13)
首次上传
平台兼容性
云端兼容性
| 阿里云 | 腾讯云 | 支付宝云 |
|---|---|---|
| √ | √ | √ |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+
图片特效服务 API 文档
🚨 重要提示
请您先试用再购买!
在正式购买前,请务必点击页面上的 "导入插件并试用" 按钮进行充分测试。
本插件由开发者利用业余时间开发维护,可能存在以下情况:
- 功能兼容性:请确认插件完全满足您的项目需求
- 问题响应:Bug修复可能无法做到即时响应
- 支持限制:优先处理已确认购买的正式用户问题
强烈建议:在试用环境中全面测试后,确认功能满足需求再进行购买!
感谢您的理解与支持 🙏
兼容性说明
本云对象服务全面兼容以下平台和框架:
| 平台/框架 | 支持情况 | 特别说明 |
|---|---|---|
| UniApp | ✅ 完全兼容 | 支持所有UniApp版本 |
| UniApp-X | ✅ 完全兼容 | 支持新一代跨平台框架 |
| 微信小程序 | ✅ 完全兼容 | 支持最新版本API |
| QQ小程序 | ✅ 完全兼容 | 已通过官方测试 |
| 支付宝小程序 | ✅ 完全兼容 | 支持最新版本 |
| 百度小程序 | ✅ 完全兼容 | 已适配百度环境 |
| 字节跳动小程序 | ✅ 完全兼容 | 支持抖音/头条小程序 |
| 快应用 | ✅ 完全兼容 | 支持华为/小米等快应用 |
| H5 | ✅ 完全兼容 | 支持所有现代浏览器 |
| App | ✅ 完全兼容 | 同时支持Android和iOS |
| Vue | ✅ 完全兼容 | 支持Vue 2.x和3.x |
| NVue | ✅ 完全兼容 | 高性能原生渲染支持 |
| Web | ✅ 完全兼容 | 支持PC和移动端浏览器 |
方法列表
1. 图片模糊
方法名
blur(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
blurAmount |
number | 否 | 5 | 模糊程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
返回结果
{
code: Number, // 200=成功
message: String, // 结果描述
success: Boolean, // 成功标识
timestamp: Number, // 时间戳
data: {
base64: String, // 处理后的Base64数据
format: String, // 图片格式
quality: Number // 图片质量
}
}
2. 图片动态模糊效果
方法名
motionBlur(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
motionBlurLevel |
number | 否 | 10 | 动态模糊程度(1-50) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
3. 图片灰度图
方法名
grayscale(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
grayLevel |
number | 否 | 100 | 灰度程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
4. 图片锐化
方法名
sharpen(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
sharpenAmount |
number | 否 | 5 | 锐化程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
5. 图片透明度
方法名
opacity(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
opacity |
number | 否 | 0.5 | 透明程度(0-1) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
6. 图片复古深褐色滤镜
方法名
sepia(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
sepiaLevel |
number | 否 | 100 | 复古程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
7. 图片鱼眼镜头效果
方法名
fisheye(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
fisheyeAmount |
number | 否 | 0.5 | 鱼眼程度(0-1) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
8. 图片光影与合成效果
方法名
shadow(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
shadowAmount |
number | 否 | 0.7 | 光影程度(0-1) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
9. 图片翻转
方法名
flip(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
flipHorizontal |
boolean | 否 | true | 是否水平翻转 |
flipVertical |
boolean | 否 | false | 是否垂直翻转 |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
10. 图片旋转
方法名
rotate(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
angle |
number | 否 | 90 | 旋转角度(0-360) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
11. 图片对比度调整
方法名
contrast(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
contrastAmount |
number | 否 | 0.5 | 对比度程度(-1到1) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
12. 图片亮度调整
方法名
brightness(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
brightnessAmount |
number | 否 | 0.5 | 亮度程度(-1到1) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
13. 图片饱和度调整
方法名
saturation(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
saturationAmount |
number | 否 | 0.5 | 饱和度程度(-1到1) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
14. 图片反转效果
方法名
invert(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
15. 图片像素化效果
方法名
pixelate(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
pixelSize |
number | 否 | 10 | 像素块大小(1-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
16. 图片马赛克效果
方法名
mosaic(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
mosaicSize |
number | 否 | 20 | 马赛克块大小(1-200) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
17. 图片素描效果
方法名
sketch(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
sketchLevel |
number | 否 | 100 | 素描程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
18. 图片卡通效果
方法名
cartoon(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
cartoonLevel |
number | 否 | 50 | 卡通程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
19. 图片浮雕效果
方法名
emboss(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
embossLevel |
number | 否 | 50 | 浮雕程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
20. 图片发光效果
方法名
glow(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
glowLevel |
number | 否 | 50 | 发光程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
21. 图片波浪效果
方法名
wave(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
waveLevel |
number | 否 | 50 | 波浪程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
22. 图片镜像效果
方法名
mirror(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
mirrorHorizontal |
boolean | 否 | true | 是否水平镜像 |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
23. 图片拼图效果
方法名
puzzle(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
puzzleSize |
number | 否 | 50 | 拼图块大小(10-200) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
24. 图片3D效果
方法名
threeD(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
threeDLevel |
number | 否 | 50 | 3D程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
25. 图片老化效果
方法名
oldify(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
oldifyLevel |
number | 否 | 50 | 老化程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
26. 图片黑白漫画效果
方法名
comic(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
comicLevel |
number | 否 | 50 | 漫画程度(0-100) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
27. 图片分屏效果
方法名
splitScreen(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
splitCount |
number | 否 | 2 | 分屏数量(2-10) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
28. 图片万花筒效果
方法名
kaleidoscope(params)
请求参数
| 参数名 | 类型 | 必填 | 默认值 | 说明与限制 |
|---|---|---|---|---|
url |
string/Buffer | 是 | - | 原始图片(URL/Buffer/Base64) |
kaleidoscopeLevel |
number | 否 | 6 | 万花筒程度(3-12) |
quality |
number | 否 | 75 | 图片质量(1-100)压缩效果 |
注意:原始图片格式必须是png/jpg/jpeg。
方法调用示例
示例1:图片模糊效果
const imageProcessor = uniCloud.importObject('imageProcessor-gsz')
const res = await imageProcessor.blur({
url: 'https://example.com/source.jpg',
blurAmount: 10,
quality: 80
})
if (res.success) {
console.log('图片模糊处理成功')
console.log('处理后base64:', res.data.base64)
}
示例2:图片锐化效果
const imageProcessor = uniCloud.importObject('imageProcessor-gsz')
const res = await imageProcessor.sharpen({
url: 'https://example.com/source.jpg',
sharpenAmount: 15,
quality: 85
})
if (res.success) {
console.log('图片锐化处理成功')
console.log('处理后base64:', res.data.base64)
}
示例3:图片透明度调整
const imageProcessor = uniCloud.importObject('imageProcessor-gsz')
const res = await imageProcessor.opacity({
url: 'https://example.com/source.jpg',
opacity: 0.3,
quality: 90
})
if (res.success) {
console.log('图片透明度调整成功')
console.log('处理后base64:', res.data.base64)
}
关键特性说明
1. 图片格式支持
- 输入格式:JPEG、PNG
- 输出格式:JPG(默认)、PNG(当图片有透明度时)
2. 质量参数说明
- 范围:1-100,整数
- 默认值:75
- 推荐值:
- 高质量输出:80-100
- 平衡质量与大小:60-80
- 低质量高压缩:1-60
3. 透明度参数说明
- 范围:0-1,浮点数
- 默认值:0.5
- 推荐值:
- 完全不透明:1
- 半透明:0.5
- 几乎透明:0.1
4. 模糊参数说明
- 范围:0-100,整数
- 默认值:5
- 推荐值:
- 轻微模糊:1-10
- 中等模糊:10-30
- 强烈模糊:30-100
错误码说明
| 错误码 | 错误类型 | 说明 | 处理建议 |
|---|---|---|---|
| 200 | success | 操作成功 | - |
| 400 | params_error | 通用参数错误 | 检查请求参数格式 |
| 4001 | params_error | 必填参数为空 | 检查必填参数 |
| 4002 | params_error | 参数格式错误 | 检查参数格式 |
| 4003 | params_error | 参数超出有效范围 | 调整参数到合法范围 |
| 401 | file_error | 文件格式错误 | 仅支持png/jpg/jpeg格式 |
| 404 | file_error | 文件不存在 | 检查文件路径或URL |
| 405 | file_error | 文件过大 | 压缩后重新上传 |
| 500 | process_error | 处理失败 | 重试或联系管理员 |
| 5001 | process_error | 图片处理失败 | 检查图片格式和大小 |
| 5002 | process_error | 字体加载失败 | 检查字体路径 |
| 5003 | process_error | 图片压缩失败 | 重试或联系管理员 |
| 501 | format_error | 不支持的文件格式 | 转换为支持的格式 |
| 502 | network_error | 网络请求失败 | 检查网络连接 |
| 503 | timeout_error | 请求超时 | 尝试较小的图片或检查网络 |
| 504 | permission_error | 权限不足 | 检查文件访问权限 |
常见问题(FAQ)
Q:支持哪些图片格式?
A:目前支持JPEG、PNG。
Q:图片处理后质量如何?
A:支持通过quality参数控制输出质量,范围1-100,默认75。
Q:如何调整图片透明度?
A:通过设置opacity参数(0-1)来调整图片透明度。
Q:批量处理图片是否支持?
A:目前不支持批量处理,建议循环调用单张处理接口。
Q:图片处理超时怎么办?
A:原始图片越大所需要的处理时间越长;请自行配置云对象的超时时间、函数执行内存等。
Q:如何判断图片处理成功?
A:返回结果中success字段为true表示处理成功,同时会返回处理后的Base64数据。
Q:处理后的图片可以直接上传到云存储吗?
A:服务返回的是Base64,需要前端自行调用uniCloud.uploadFile上传到云存储。
Q:Base64格式如何传递?
A:支持纯base64字符串和data URL格式(如data:image/jpeg;base64,...)。
Q:数据太大云对象有限制?
A:云对象的接收参数的体积上限,支付宝云接收参数大小不可超过6MB,阿里云接收参数大小不可超过2MB,腾讯云接收参数大小不可超过5MB,由于传输层还有上下文环境信息,所以开发者给云对象发送参数时需注意控制参数体积。
Q:为什么设置透明度后没有效果?
A:如果输入图片是JPG格式,会先转换为PNG格式以支持透明度,处理后会返回PNG格式的图片。
Q:鱼眼效果为什么只有上部分有效果?
A:已经修复了鱼眼效果的算法问题,现在整个图片都会应用鱼眼效果。
Q:锐化效果为什么不明显?
A:锐化效果可以通过调整sharpenAmount参数来控制,范围0-100,值越大效果越明显。
Q:光影效果为什么不明显?
A:光影效果可以通过调整shadowAmount参数来控制,范围0-1,值越大效果越明显。

收藏人数:
购买源码授权版(
导入插件并试用
赞赏(0)
下载 73
赞赏 0
下载 34428
赞赏 155
赞赏
京公网安备:11010802035340号