最新更新时间:Jan-15-2024
cloudinary-react
V1.x)
细节迁移当前版本SDK系统frontend-frameworks
+1.x+s-url-gen
v1.x),见ReactSDK迁移指南.
概述
云端回文SDK提供简单而综合图像和视频上传、变换、优化和交付能力,用代码实现无缝整合
细节前版本所有新特征和修正见变换.
if you haven't start整合SDK,你可能想试JavaScriptjs-url-gen库加新重置前端框架库.
快速示例
取下变换代码和图像
相对简单代码在原创上显示所有下下文前面.jpg图像交付前
- 裁剪150x150缩略图使用表情检测重力自动判定裁剪位置
- 圆角20像素半径
- 应用sepia效果
- 重叠云标识东南角图像(略加偏移)标识缩至50像素宽度,提高亮度和局部透明度(不透明度=60%)
- 旋转生成图像(包括叠加量)乘以10度
- 转换并用PNG格式提供图像(原上传图像为JPG)
URL将包含在上述代码自动生成的图像标签中
以类似方式,你可以变换视频.
- 查看所有可能的变换变换URLAPI引用.
- 更多例子图像显示并视频播放使用变换
云反射v1.x
库里
反动SDK特征
安装搭建
开工安装重actSDK
云性反射SDK作用为云性JavaScript顶部图层云芯
库里sdks运行命令
二叉代码中包含云-反应库必备元素
4项元素可用性
- 云型Context-允许定义所有子元素应用的共享参数
- 图像-定义云图像标签
- 视频-定义云视频标签
- 变换-允许定义父元素上的额外变换
3级置云配置参数
要使用云性反射元素,你至少必须配置云性产品环境云化Name
.可额外定义数选配置参数相关时产品环境配置证书可在您的仪表板中查找云台.可直接将这些设置应用到每个元素中,或使用子元素应用到所有子元素CloudinaryContext
元素.
例举 :
- 直接配置元素 :
- 配置带
CloudinaryContext
应用到所有子元素 :
使用核心avaScript特征
上头JavaScript云芯库基础库云形反射SDKJavaScript核心功能在导入核心库后可访问React代码内的任何功能例举 :
反作用资本化和数据类型指南
ReactSDK使用时记住这些指南
- 参数名称:
骆驼Case
.例举 :公共标识 - 类:
PascalCase
.例举 :图像塔格 - 方法论
骆驼Case
.例举 :toHTML - 传递参数数据如下:
对象类
样本检测
包括代码上传文件、删除文件并使用动态列表https://github.com/cloudinary/cloudinary-react/tree/master/samples/photo_album
重act故事手册工具
快速快速测试云化组件故事集提供丰富的视觉界面 代码游乐场 内联文档
开始使用故事集时,从左手菜单中选择组件视选择哪个组件而定,您或显示自云产品环境的资产,通过修改参数实验并查看结果,或滚动并查看多例由选择云化组件启动实现
都行 发现期望效果后 复制代码方便实现结果