图片 图片是媒体组件的一种，用于直接展示需要呈现的图片数据。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“图片”组件至画布空白区域，如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。

查看更多 →

URL：设置URL后，预览组件和查看发布组件时，单击图片可以跳转到设置的URL页面。 新窗口：单击“新窗口”右侧的勾选框，表示显示新窗口，表示隐藏新窗口。勾选后，单击背景图可以新建一个标签页打开背景图的超链接。 图2 超链接-图片 数据 图3 图片-数据 数据源类型：选择图表的数据源。系统提

查看更多 →

图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。 移动端独立设置：勾选后，可给移动端单独设置展示的图片。

查看更多 →

参考如何开发服务编排中操作，创建一个空白的服务编排。 图6 创建一个空白的服务编排 在服务编排设计页面，从左侧“连接器 > AI”中，拖拽“OCR”图元至画布中。 OCR是系统预置的，与OCR对接的接口。 图7 拖拽OCR图元到画布中 选中组件，单击，设置OCR对接信息。 图8 设置基本信息 标签：图元在页面展示的名称。

查看更多 →

图片 本章节主要介绍图片各配置项的含义。 样式 本章节介绍图片的样式各项配置项的含义。 尺寸位置 W：设置图表的宽，单位为px。 H：设置图表的高，单位px。 X：设置图表在画布中的位置。单位为px。 Y：设置图表在画布中的位置。单位为px。 不透明度：设置图表在画布上的透明度，

查看更多 →

上传图片支持jpg、jpeg、png、gif格式。单张图片大小不能超过5MB。 图2 上传图片 填充方式：按需选择图片的展示方式，支持“等比例展示”、“宽度自适应”、“高度自适应”和“拉伸填满”四种方式。 图3 设置填充方式 样式配置 内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。

查看更多 →

将鼠标放在对应的组件上，单击，可查看组件说明。 图2 查看组件说明 属性 数据绑定：通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：设置组件绑定的数据模型，数据模型一般有以下几种。更多介绍，请参见值绑定。 自定义：由用户自定义的前端模型，可以在模型树上快速创建自定义字段。

查看更多 →

使用相对地址：使用图片的相对路径。 高级设置 在高级设置中，可设置图片填充类型。 图3 高级设置 图4 图片设置页面 图5 上传图片/视频 单击“选择图片”，在页面单击目录后的和，可管理图片目录。单击“上传图片/视频”，可进行上传操作。 选择“填充”表示图片不保证保持原有比例，图片拉伸填满整个容器。

查看更多 →

请求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

查看更多 →

风险，建议在配置文件或者环境变量中密文存放，使用时解密，确保安全；本示例以ak和sk保存在环境变量中为例，运行本示例前请先在本地环境中设置环境变量AccessKeyID和SecretAccessKey。 // 前端本身没有process对象，可以使用webpack类打包工具定义环境变量，就可以在代码中运行了。

查看更多 →

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

查看更多 →

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

查看更多 →

轮播图片 轮播图片是指通过轮播的方式，来实现图片广告位的展示。 在大屏设计页面，从“全部组件 > 媒体”中，拖拽“轮播图片”组件至画布空白区域，如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。

查看更多 →

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

查看更多 →

进入hugb-bucket-output桶对象界面，可以看到输出的图片image.jpg，如图2所示。单击操作列的“下载”可将图片下载至本地查看图片处理效果，效果如图3所示。 图2 输出图片 图3 效果图 父主题： 使用函数为图片打水印

查看更多 →

提取图片中的图片暗水印 功能介绍 对已嵌入图片暗水印的图片进行水印提取，用户以formData的格式传入待提取水印的图片，DSC服务以图片二进制流的格式返回从图片里提取的出的图片暗水印。目前支持的图片格式为：*.jpg, *.jpeg, *.jpe, *.png, *.bmp, *

查看更多 →

表1 参数名 说明 src 源图，必须为NV21的格式。宽度范围[64, 1920], 2的倍数；高度范围[64, 1080], 2的倍数。 如果输入不是NV21格式，请把输入的源图片转换为NV21格式，详情请参见转换图片颜色格式。 dst 目的图片。 x 裁剪区域左上角x坐标，范围[0

查看更多 →

bucketname>"; // 认证用的ak和sk硬编码到代码中或者明文存储都有很大的安全风险，建议在配置文件或者环境变量中密文存放，使用时解密，确保安全；本示例以ak和sk保存在环境变量中为例，运行本示例前请先在本地环境中设置环境变量ACCESS_KEY_ID和SECRET_ACCESS_KEY。

查看更多 →

"https://your-endpoint"; // 认证用的ak和sk硬编码到代码中或者明文存储都有很大的安全风险，建议在配置文件或者环境变量中密文存放，使用时解密，确保安全；本示例以ak和sk保存在环境变量中为例，运行本示例前请先在本地环境中设置环境变量AccessKeyID和SecretAccessKey。

查看更多 →