币游国际平台

反序SDK

最新更新时间:Jan-15-2024

重要点
即此 遗留问题版本 ReactSDK cloudinary-reactV1.x)

细节迁移当前版本SDK系统frontend-frameworks+1.x+s-url-genv1.x),见ReactSDK迁移指南.

概述

云端回文SDK提供简单而综合图像和视频上传、变换、优化和交付能力,用代码实现无缝整合

相关题目
本指南与最新发布版本相关云反射v1.x库里

细节前版本所有新特征和修正见变换.

if you haven't start整合SDK,你可能想试JavaScriptjs-url-gen库加新重置前端框架库.

快速示例

取下变换代码和图像

样本变换

相对简单代码在原创上显示所有下下文前面.jpg图像交付前

  • 裁剪150x150缩略图使用表情检测重力自动判定裁剪位置
  • 圆角20像素半径
  • 应用sepia效果
  • 重叠云标识东南角图像(略加偏移)标识缩至50像素宽度,提高亮度和局部透明度(不透明度=60%)
  • 旋转生成图像(包括叠加量)乘以10度
  • 转换并用PNG格式提供图像(原上传图像为JPG)

URL将包含在上述代码自动生成的图像标签中

以类似方式,你可以变换视频.

深入了解变换

反动SDK特征

安装搭建

开工安装重actSDK

云性反射SDK作用为云性JavaScript顶部图层云芯库里sdks运行命令

二叉代码中包含云-反应库必备元素

4项元素可用性

  • 云型Context-允许定义所有子元素应用的共享参数
  • 图像-定义云图像标签
  • 视频-定义云视频标签
  • 变换-允许定义父元素上的额外变换

3级置云配置参数

要使用云性反射元素,你至少必须配置云性产品环境云化Name.可额外定义数选配置参数相关时产品环境配置证书可在您的仪表板中查找云台.可直接将这些设置应用到每个元素中,或使用子元素应用到所有子元素CloudinaryContext元素.

注解
  • 客户端大多数功能实施不需要认证,所以只需要您的认证云名华府市需要待配置而非API密钥或密钥API秘密从不公开客户端,所以,如果你想使用签名上传生成交付签名服务器端代码使用后端SDKs.
  • 因后向兼容性原因,默认可选值安全性配置参数虚伪.现代应用推荐配置安全性参数切换真实性保证变换URL总生成HTTPS

例举 :

  • 直接配置元素 :
  • 配置带CloudinaryContext应用到所有子元素 :

使用核心avaScript特征

上头JavaScript云芯库基础库云形反射SDKJavaScript核心功能在导入核心库后可访问React代码内的任何功能例举 :

反作用资本化和数据类型指南

ReactSDK使用时记住这些指南

  • 参数名称:骆驼Case.例举 :公共标识
  • 类:PascalCase.例举 :图像塔格
  • 方法论骆驼Case.例举 :toHTML
  • 传递参数数据如下:对象类

样本检测

包括代码上传文件、删除文件并使用动态列表https://github.com/cloudinary/cloudinary-react/tree/master/samples/photo_album

重act故事手册工具

快速快速测试云化组件故事集提供丰富的视觉界面 代码游乐场 内联文档

开始使用故事集时,从左手菜单中选择组件视选择哪个组件而定,您或显示自云产品环境的资产,通过修改参数实验并查看结果,或滚动并查看多例由选择云化组件启动实现

都行 发现期望效果后 复制代码方便实现结果

React_Storybook_Screencap

反馈发送

评分本页 :