贝斯特游戏大厅官网入口

反动SDK

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

本页深入介绍React前端框架库

小技巧
准备编码时直接跳到 快速启动.

概述

云端前端框架库提供图像生成功能和插件,用代码实现无缝整合

快速示例

示例显示变换URL使用@cloudinary/url-gen包并使用 React

代码创建HTML交付前面.jpg图像Sepia效果应用

样本变换

可同时应用多项变换链式变换提供更多有趣结果

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

深入了解变换

开始反应

安装

Cloudinary JavaScript和React包使用NPR打包管理程序

配置

可指定配置参数用来创建交付URLs, 或使用a云化实例图像/视频.

注解
指定配置参数 骆驼Case,例如 云化Name.

云性实例配置

如果要使用相同的配置提供所有媒体资产, 最好通过云形实例建立配置,例如:

可按需设置与云和URL有关的其他配置参数,例如,如果自定义域名并想生成安全URL

资产实例配置

需要指定不同配置提供媒体资产时,可按图像/视频实例指定配置,例如:

变换

上头@cloudinary/url-gen包简化变换URL生成并包含易嵌入资产特殊组件和指令

图像多变应用

上头@cloudinary/url-gen包安装附加transformation-builder-sdk库依赖性处理URL转换生成部分

可使用变换构建器引用查找所有可用变换、语法和示例

了解更多使用变换资产@cloudinary/url-gen包见:

插件

云因应库提供插件以最优方式实现网站媒体化并提升用户经验,

样本项目

试用代码探索者项目实例

反馈发送

评分本页 :