React 原生相片编辑器( RNPE)
QQ 图像编辑器使用iOS和Android的本地模块. 继承两个图书馆, ZLimage 编辑器 (iOS)和 相片编辑器 (Android) (英语)
说明
两个平台的区别很大 - 使用时要小心
这个 lib 供个人使用, 所以如果您自定义您的风格或更改什么, 请将这个库叉出并检查原始库中的详细文档 :
此套件开发期间. 我本来想把它搬走的 更早的图书馆 说完了 如果支持这个图书馆的社区足够大,我不得不立即驳回这个想法.
特性 QQ
两者
- Draw( 支持自定义行颜色) .
- 添加/编辑 文本 ,可选择更改其颜色.
- 添加中 图像/结晶
- 缩放并旋转视图 .
iOS系统
- 在图像上应用过滤效果 LUT 颜色 (海关过滤器比Android简单)
- 裁剪图像.
机器人
- 取用图像并带有选项来改变其Brush的颜色,大小,不透明,淡出和基本形状.
- 在图像上应用过滤效果 媒体影响。但未来将改为LUT颜色.
视频Demo QQ
| iOS系统 | 机器人 |
|---|---|
屏幕热 QQ
iOS系统
机器人
所需资源
- 斯威夫特 5.1+(Xcode12.4+)
- iOS 12+ (英语)
安装
yarn add @baronha/react-native-photo-editor
iOS系统
斯威夫特舱 @baronha/react-native-photo-editor 取决于 SDWebImage 财务报告和审定财务报表 SDWebImageWebPCoder,不定义模块。 要选择生成模块地图的目标(在作为静态库构建时从斯威夫特导入这些地图是必要的),您可以设定 use_modular_headers! 或指定 :modular_headers => true 特定依赖关系:
pod 'SDWebImage', :modular_headers => true
pod 'SDWebImageWebPCoder', :modular_headers => true
然后运行 cd ios/ && pod install
别忘了添加文件 .宽度 在您的工程中( 并快速创建桥接头文件) .
使用量
import PhotoEditor from "@baronha/react-native-photo-editor";
// ...
const result = await PhotoEditor.open(Options);
选项
| 财产 | 类型 | 默认值 | 平台 | 说明 |
|---|---|---|---|---|
| 路径 | 字符串 | 所需经费 | 两者 | 本地/ 远程图像路径 |
| 标签 | 阵列 | [ | 两者 | 包含标签图像的路径数组 |
过滤器QQ
| iOS系统 | 机器人 |
|---|---|
| |
自定义过滤器( iOS)
LUT (Hald 图像)
我们可以从中性 LUT 图像下载 创建器.js。 。 。 .
缩放图像
Hald是一个由3D LUT以颜色表形式呈现的图形化代表,它包含了3D LUT的所有颜色分级. 如果将Hald装入编辑软件并应用了色彩校正,您可以使用3D LUT Creator将您的Hald转换为3D LUT并应用到您编辑器中的相片或视频上.
重要性
你必须创造 LUTs.bundle 并添加所有 LUT 相片( 重命名您的 LUT 相片遵循此格式 : LUT 64 FILTER 纳米改为: LUTs.bundle添加 LUTs.bundle 输入 Copy Bundle Resources。 。 。 . 见详情
贴纸
远程
您需要将一系列图像 urls 传递到粘贴参数 选项 示例数字 :
[
"https://cdn-icons-png.flaticon.com/512/5272/5272912.png",
"https://cdn-icons-png.flaticon.com/512/5272/5272913.png",
"https://cdn-icons-png.flaticon.com/512/5272/5272916.png",
...
]
当地
iOS系统
你必须创造 Stickers.bundle 并加入所有标签 Stickers.bundle添加 Stickers.bundle 输入 Copy Bundle Resources。 。 。 .
见详情
机器人
你必须创造 Stickers 内部文件夹 assets 文件夹。 然后拖入或复制所有标签 Sticker 文件夹.
见详情
待执行
- 鲁特颜色在和机器人.
- 裁剪图像在和机器人.
业绩
我们正在努力提高性能。 如果你有更好的解决方案 请打开一个 问题 或者说 拉动请求祝你们愉快!
捐款
见 贡献指南 学习如何为储存库和发展工作流程作出贡献.
许可证
麻省理工学院