无服务器图片生成缩略图

在高级设置中，可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”，在页面单击目录后的和，可管理图片目录。单击“上传图片/视频”，可进行上传操作。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。 选择“包含”表示图片保持原有尺寸比例，可能会在容器内留有空白。

查看更多 →

边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 标题设置 显示标题：是否显示标题。 标题内容：设置标题的内容。 图4 设置标题的具体内容 标题字体：设置标题的字体、颜色和大小等。 配置 在配置中，设置多趋势组件的数值、同比和环比。 图5 配置 数值配置 显示数字：趋势中是否显示数字。

查看更多 →

特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中视频流距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置视频流组件的视频流地址、视频流类型等。 图4 配置 视频流组件中，配置项的配置高于数据配置。 视频流地址：视频流的URL地址。 视频流类型：视频

查看更多 →

边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 步骤条方向：步骤条显示方向，可以设置为水平方向或垂直方向。 步骤图标尺寸：步骤图标的尺寸，单位为px。

查看更多 →

边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图3），默认为0，即铺满整个组件。 图表背景：图表的背景颜色。 自定义标签：是否显示标签，支持设置标签的字体、标签水平方向偏移量和标签垂直方向偏移量。 布局：进度条（不包含组件标题）距离整个组件四边（上、下、左、右）的距离。 图5 布局 上边距：进度条到组件边框顶部的距离。

查看更多 →

特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 配置 在配置中，设置音频组件的音频地址、是否自动播放和是否开启控制条等。 图4 轮播设置 音频 > 音频地址：输入音频的存放地址，仅支持MP3、OGG和WAV格式的音频。

查看更多 →

右、底部居中、底部居左、底部居右。 图5 图例 提示信息 显示/隐藏提示信息：勾选表示预览或查看发布组件时显示的提示信息；不勾选表示预览或查看发布组件时不显示提示信息。 触发类型：设置提示信息的触发类型，可以选择坐标轴或数据项。 颜色：设置提示信息的字体颜色。 字号：设置提示信息的字号大小。

查看更多 →

边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 图形 碑节点样式 里程碑样式：设置里程碑的样式，可以使用预置样式，也可以使用图片。 节点样式：选

查看更多 →

值标签 显示/隐藏值标签：单击“值标签”右侧的勾选框，表示显示值标签，表示隐藏值标签。 字号：设置值标签的字号。 颜色：设置值标签的字体颜色。 字体粗细：设置值标签的字体粗细样式。 位置：单击下拉列表，设置值标签的位置。可设置为顶部、右侧、内部、左侧、底部、内部居左、内部居右、内部居上、内部居下。

查看更多 →

、字体粗细。 布局：设置图例的位置，支持顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 图4 图例 提示信息 显示/隐藏提示信息：勾选表示预览或查看发布组件时显示的提示信息；不勾选表示预览或查看发布组件时不显示提示信息。 触发类型：设置提示信息的触发类型，可以选择坐标轴和数据项。

查看更多 →

、字体粗细。 布局：设置图例的位置，支持顶部居中、顶部居左、顶部居右、底部居中、底部居左、底部居右。 图7 图例 提示信息 显示/隐藏提示信息：勾选表示预览或查看发布组件时显示的提示信息；不勾选表示预览或查看发布组件时不显示提示信息。 触发类型：设置提示信息的触发类型，可以选择坐标轴或数据项。

查看更多 →

特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置组件的样式、颜色和对齐方式。 图4 配置 样式设置：设置勾选框的样式，支持圆角、方形和圆形。 颜色设置 字体颜色：未选中状态下，选项字体的颜色。 背景颜色：选项背景的颜色。

查看更多 →

左Y轴：设置左侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 右Y轴：设置右侧Y轴的边界范围。“边界”选择“自定义”时设置该参数。 最小间隔：坐标轴最小间隔大小。“边界”选择“自定义”时设置该参数。 左Y轴单位：设置左侧Y轴的单位。 右Y轴单位：设置右侧Y轴的单位。 反转：是否对轴数据进行反转。

查看更多 →

请求Body参数 参数 是否必选 参数类型 描述 id 是 String 图片ID elementName 否 String 图片名称，要更新的图片名称 最小长度：1 最大长度：255 elementUrl 否 String 图片url 最小长度：1 最大长度：255 isDisplay 否

查看更多 →

图片删除 功能介绍 图片删除 URI POST /v1/{project_id}/trace/trace-sweepcode/product-image/delete 表1 路径参数 参数 是否必选 参数类型 描述 project_id 是 String 租户从IAM申请到的projectid，一般为32位字符串

查看更多 →

返回数据 表5 data 参数 参数类型 描述 id String 图片ID elementName String 图片名称 elementUrl String 图片url imageType String 图片类型 isDisplay String 是否展示:0展示，1不展示 merchant

查看更多 →

图片文件进行图片剪切、图片缩放、图片水印、格式转换等处理。 以下代码展示了如何使用下载对象接口实现图片处理： // 创建ObsClient实例 var obsClient = new ObsClient({ // 认证用的ak和sk硬编码到代码中或者明文存储都有很大的安全

查看更多 →

下载图片 功能介绍 下载图片 调用方法 请参见如何调用API。 URI GET /v4/projects/{project_id}/image-file 表1 路径参数 参数 是否必选 参数类型 描述 project_id 是 String devcloud项目的32位id 表2

查看更多 →

处理图片 当图片上传后更新至hugb-bucket-input桶时，会生成事件，触发函数运行，将上传图片打水印，保存在hugb-bucket-output中。 上传图片生成事件 登录 对象存储服务 控制台，进入hugb-bucket-input桶对象界面，上传image.jpg图片，如图1所示。

查看更多 →

按钮内容：设置图片上传按钮的显示内容。 列表样式：设置图片的显示样式。 图2 文字 图3 图文 多选：是否支持上传多张图片。 最大上传文件个数：设置允许上传图片的个数。开启“多选”时，才需要配置。 例如，“最大上传文件个数”设置为“2”，设置后效果如下。当上传图片超过2个时，界面会提示“最多只能传输2个文件”。

查看更多 →

图片处理 图片处理概述 图片处理约束限制 图片处理基本概念 开始图片处理（控制台） 开始图片处理（API接口） 获取图片信息 获取图片平均色值 设置图片效果 设置缩略 旋转图片 剪切图片 设置水印 格式转换与渐进显示 质量变换 设置图片瘦身 处理图片持久化 父主题： 数据处理

查看更多 →