检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
表格(新) 表格(新)为数据表格组件,主要用于展示大量的结构化数据,支持电脑端和移动端。使用时,需要先通过数据绑定来绑定数据模型,再设置表格属性。 表格(新)相对于表格(新)中的表格组件来说,更适用于移动端,但是不支持展示树形结构。当表格中的数据有父子关系,需要展示出树形结构时,
图片处理基本概念 样式 样式是将图片处理对图片设置的参数或界面操作设置保存成的一个集合。在对多张图片进行重复相同设置时,可以先创建一个图片样式,在不同的图片套用图片样式,就不需要进行重复的命令操作。 每个桶最多支持创建100个样式。 Exif信息 Exif(Exchangeable
获取图片平均色值 此功能仅支持通过接口调用模式使用。 通过此操作可以获取图片的平均色值,平均色值将以json格式返回一个十六进制值。 操作名称:average-hue 示例 获取图片example.jpg的平均色值,可在浏览器直接访问以下地址。 https://e-share.obs
去除图片元信息 此功能支持在控制台代码编辑模式和接口调用模式使用。 通过此操作可以去除图片元信息。 操作名称:strip 示例 去除图片元信息。 https://e-share.obs.cn-north-1.myhuaweicloud.com/example.jpg?x-imag
在“添加”中,将图片模块拖拽到编辑页面空白处。 图1 添加图片模块 在“选择图片”对话框中,选择需要展示的图片。 图2 上传图片 在“我的图片”页签,您可以选择已上传的图片。在“互联网图片”页签中,您可以输入图片URL,URL必须为一张图片在某个网页上的地址,且必须是以图片格式后缀结尾。勾选
图片 图片组件用于在页面展示图片。 在表单开发页面,从“通用组件”中,拖拽“图片”组件至表单设计区域,如图1。 图1 图片 显示名称:设置图片显示名称,默认隐藏显示名称。 选择图片:单击“上传图片”,上传需要展示的图片。 点击放大预览:勾选后,可放大预览图片。 移动端独立设置:勾选后,可给移动端单独设置展示的图片。
键值表格 本章节主要介绍键值表格组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 键值表格 全局样式 自适应:勾选时,表格会自动适应组件图层的高度。 字体:设置组件文本的字体样式。 左右间距:输入数值或拖动,设置表格的左右间距。
图片视频采集 描述 图片视频采集应用提供了图片视频采集基本功能,可以基于此快速开发图片视频采集功能。 开放能力 图片视频采集应用提供了如下能力: 标准页面的扩展组件:imgUpload(图片采集)和videoUpload(视频采集),组件中支持基本属性如图标颜色、文字颜色,大小等设置,支持图片上传接口配置。
在“图片”后显示“url”的框中输入图片的地址。 单击“图片”下方的虚线框,选择图片。 直接拖动图片至“图片”下方的虚线框中。 图片选择后,您也可以进行编辑和删除操作。单击图片区域的可以删除当前图片,单击可以修改当前图片。 缩放模式:单击下拉选项,可以设置图片的缩放模式。可设置为默认、按比例缩放、裁剪缩放、拉伸缩放。
2的倍数。 如果输入不是NV21格式,请把输入的源图片转换为NV21格式,详情请参见转换图片颜色格式。 dst 目的图片。 w 缩放宽度,范围[64, 1920], 2的倍数。 h 缩放高度,范围[64, 1080], 2的倍数。 type 目的图片的格式,0为NV21,1为NV12,默认为0。
图5 复制图片处理样式 单击“确定”,将源桶的图片处理样式复制到当前桶。 步骤四:使用图片样式 当桶中存在已经创建好的图片样式时,您可以通过以下两种方法使用图片样式。 复制链接:在OBS控制台上通过图片对象详情页面的图片预览,获取访问链接,在浏览器中打开即可获取到使用图片样式处理后的图片。其具体操作步骤如复制链接所示。
选择目标字段,将该字段在表格中隐藏。 表格配置 每页显示 每页显示的数据条数。 显示总数 显示表格数据的总条目数。 列配置 对齐方式 表格数据的对齐方式,支持左对齐,右对齐以及居中。 开启搜索 开启后,即可对表格列数据进行搜索功能。 开启排序 开启后,即可对表格列数据进行排序功能。 字体大小
表格操作 表格模板分为公共模板和自定义模板。 公共模板为系统内置,不可修改。自定义模板可以添加、修改和删除。 根据实际需要可以在个人、项目和团队Wiki中新建表格。 本节介绍以个人Wiki中的表格操作为例。 表格模板入口 默认公共模板 新建自定义模板 复制表格模板 表格模板入口 此处以个人Wiki中的表格操作为例:
println("\t" + response.getSignedUrl()); 访问公共可读的图片 针对公共可读的图片,直接在访问图片的URL请求后添加图片处理参数即可。 如下为获取名称为example.jpg的图片信息URL示例: https://e-share.obs.cn-north-1.myhuaweicloud
图片嵌入暗水印(文件地址版本) 功能介绍 对指定存储地址信息(目前支持OBS)的图片嵌入文字暗水印或者图片暗水印,已嵌入的水印的图片将存放在用户指定的位置(目前支持OBS),支持的图片格式为:*.jpg, *.jpeg, *.jpe, *.png, *.bmp, *.dib, *
为保证您正常使用图片处理,建议您先创建OBS桶。 上传图片 您可以使用OBS管理控制台、OBS客户端和RESTful API方式上传图片。 具体请参见上传图片。 如果您的桶中已经存在需要处理的图片,请跳过此章节。 如果您需要通过自定义域名使用图片处理,需要为待处理的图片配置匿名用户读
图片 图片组件用于展示图片的UI元素,提供直观的视觉信息。 在左侧组件区域,从“常用控件”中,选择“图片”组件,并拖拽至设计区,如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片:将文件拖拽上传区域内,或单击上传图片模块进行上传。 上传图片支持jpg、jpeg
图片地址:支持输入图片地址,来展示图片。 链接:设置单击图片后,跳转的链接地址。 图片设置:设置图片填充方式,并选择对应图片。 数据 在数据中,配置图片组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置图片与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 媒体
每个桶支持创建多少个图片样式? 每个桶最多支持创建100个样式。 OBS提供两种不同的方法创建图片样式: 通过控制台处理图片 通过接口处理图片 父主题: 图片处理
图片 图片作为一个基本组件,用于展示图片,用户可以通过“图片地址”属性,来选择图片。图片可以从本地上传,也可以来自服务器上的图片库。 在标准页面设计界面,从“基本组件 > 基本”中,拖拽“图片”组件至页面工作区域,如图1。 图1 图片 查看组件帮助 将鼠标放在对应的组件上,单击,可查看组件说明。