最新更新时间:Jan-15-2024
本页深入介绍角前端框架库
小技巧
准备编码时直接跳到
快速启动.
概述
云端前端框架库提供图像生成功能和插件,用代码实现无缝整合
快速示例
示例显示变换URL使用@cloudinary/url-gen
包并用agle
代码创建HTML交付前面.jpg图像Sepia效果应用
可同时应用多项变换链式变换提供更多有趣结果
- 裁剪150x150缩略图使用表情检测重力自动判定裁剪位置
- 圆角20像素半径
- 应用sepia效果
- 重叠云标识东南角图像(略加偏移)标识缩至50像素宽度,提高亮度和局部透明度(不透明度=60%)
- 旋转生成图像(包括叠加量)乘以10度
- 转换并用PNG格式提供图像(原上传图像为JPG)
深入了解变换
- 查看所有可能的变换变换URLAPI引用.
- JavaScript所有变换动作和修饰词变换构建器引用.
- 更多例子图像显示并视频播放使用变换
s-url-genv1.x
库里
启动角
安装
安装云式avaScript和角包使用NPR打包管理器
配置
可指定配置参数用来创建交付URLs, 或使用a云化实例或图像/视频.
注解
指定配置参数
骆驼Case
,例如
云化Name.
云性实例配置
如果要使用相同的配置提供所有媒体资产, 最好通过云形实例建立配置,例如:
可按需设置与云和URL有关的其他配置参数,例如,如果自定义域名并想生成安全URL
资产实例配置
需要指定不同配置提供媒体资产时,可按图像/视频实例指定配置,例如:
变换
上头@cloudinary/url-gen
包简化变换URL生成并包含易嵌入资产特殊组件和指令
上头@cloudinary/url-gen
包安装附加transformation-builder-sdk库依赖性处理URL转换生成部分
可使用变换构建器引用查找所有可用变换、语法和示例
了解更多使用变换资产@cloudinary/url-gen
包见:
插件
云形三角库提供插件以最优方式实现网站媒体化并提升用户经验,
样本项目
试用代码探索者项目实例
✖️