，默认为0，即铺满整个组件。 图片地址：支持输入图片地址，来展示图片。 链接：设置单击图片后，跳转的链接地址。 图片设置：设置图片填充方式，并选择对应图片。 数据 在数据中，配置图片组件的数据来源，更多介绍请参见数据接入。 交互 在交互中，配置图片与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。

查看更多 →

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

查看更多 →

移动端独立设置：勾选后，可给移动端单独设置展示的图片。 裁剪：单击“裁剪”，可裁剪图片大小。 图片比例：设置显示的图片比例。 对齐方式：选择图片的对齐方式。 宽度：该组件宽度，占页面宽度的比例。 属性：设置字段的属性，勾选“隐藏”后，页面上会隐藏该字段。 父主题： 零码组件介绍

查看更多 →

改成定向流量后，是否可以再改成通用流量？ 不可以。 父主题： 使用限制

查看更多 →

尺寸位置 全局样式 图片：选择图片，您可以通过如下三种方式加载图片到大屏中。 在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框，选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后，您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片，单击可以修改当前图片。

查看更多 →

按目录管理图片： 单击目录后的和，新增根图片目录和子图片目录。 单击“上传图片”，可上传图片。 选中图片时，单击，可以在图片库中删除此图片。 预览：预览时，是否支持单击放大图片。 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件

查看更多 →

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

查看更多 →

图片 图片组件用于展示图片的UI元素，提供直观的视觉信息。 在左侧组件区域，从“常用控件”中，选择“图片”组件，并拖拽至设计区，如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片：将文件拖拽上传区域内，或单击上传图片模块进行上传。 上传图片支持jpg、jpeg

查看更多 →

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

查看更多 →

外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高

查看更多 →

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

查看更多 →

普通：设置为普通后，页面上该字段可正常显示，且可进行配置。 只读：设置为只读后，页面上该字段只可读。 禁用：设置为禁用后，页面上该字段仍可显示，但不可进行配置。 隐藏：设置为隐藏后，页面上会隐藏该字段。 是否必填：字段是否必填。设置为必填时，字段前会带“*”。 按钮内容：设置图片上传按钮的显示内容。

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

图片处理 开发过程中，您有任何问题可以在github上提交issue，或者在华为云对象存储服务论坛中发帖求助。 OBS为用户提供了稳定、安全、高效、易用、低成本的图片处理服务。当要下载的对象是图片文件时，您可以通过传入图片处理参数对图片文件进行图片剪切、图片缩放、图片水印、格式转换等处理。

查看更多 →

图片文件进行图片剪切、图片缩放、图片水印、格式转换等处理。 更多关于图片处理的内容，参见图片处理特性指南。 以下代码展示了如何使用下载对象接口实现图片处理： // 初始化配置参数 ObsConfig config = new ObsConfig(); config.Endpoint

查看更多 →