本文介绍控制台的页面组件,供您在搭建页面时使用。基本组件说明 分类 组件 说明 数据容器 Data 绑定单个数据源上下文的容器,为容器中组件提供数据源,对页面布局无影响。List 绑定列表数据源上下文的容器,为容器中组件提供数据源,对...
整体宽度 适应类型:设置标签的适应类型,包括 自适应 和 固定宽度 固定宽度:设置标签的整体宽度为固定宽度,单位为px。文本溢出:设置标签文字的文本溢出处理方式,包括 切断、换行 和 省略号。默认为 省略号。主标题:设置标签内主标题...
其中字段的适应类型包括 自适应 和 固定宽度 行高比例 标签的行高比例值,取值范围为1~2。内容描边 设置标签内容边的颜色和粗细值,粗细值的取值范围为0~5。单击 内容描边 左侧的 图标,可控制 内容描边 样式的显隐。内容阴影 设置标签内容...
集成时,建议设置业务模块容器的高度为自适应,以免后续切换验证码类型时因为验证码高度变化而造成元素超出容器高度。集成后,如果您在控制台修改场景配置(例如验证码形态),无需再次调整初始化参数和页面结构,程序会根据配置按需加载。...
字段宽度:标签的显示字段的宽度样式,包括字段的适应类型方式,可选 自适应 或 固定宽度,并根据适应类型设置字段宽度的值,单位px。行高比例:标签的行高比例值,取值范围为1~2。内容描边:标签的内容描边样式,包括设置描边的颜色和描边...
item title="自适应高度"uid="collapse-0"name="item-0"><view class="item-content"><view>内容区域</view></view></collapse-item><collapse-item name="item-1"uid="collapse-0"><view slot="title"><text style="color:red;title 插槽...
字段宽度:标签的显示字段的宽度样式,包括字段的适应类型方式,可选 自适应 或 固定宽度,并根据适应类型设置字段宽度的值,单位px。行高比例:标签的行高比例值,取值范围为1~2。内容描边:标签的内容描边样式,包括设置描边的颜色和描边...
4、提交关联数据 空间中的主要关联关系为门或虚拟墙,在基于标注工具SDK开发时,如果需要建立关联关系,则需要调用【更新关联信息】接口,提交至公有云。前端示例代码:<scriptsrc=...
本文对Web播放器SDK的属性、方法、事件进行了说明,并提供了播放器接口的示例代码。属性 说明 如果您在使用过程中遇见问题,可以参考 Web播放器常见问题 或 播放异常自主排查。名称 类型 说明 id String 播放器外层容器的DOM元素ID。source...
如果有图片自适应WEBP、自动旋转(仅自动调正功能)和自动瘦身需求,可通过控制台直接开启;您也可以通过在请求URL中添加图片处理参数,对图片文件进行更丰富的处理,例如图片裁剪、图片添加水印等。说明 阿里云CDN、DCDN和OSS的图片处理都...
使用场景 网页设计与制作:在设计网页布局时,可能需要将图片裁剪成特定尺寸以适应网页元素,如头像、背景图、产品展示图等。社交媒体发布:不同社交媒体平台对图片上传有各自的尺寸要求,例如封面照片、帖子图片、故事图片等,您需要按照...
通用转码 说明 转码采用宽度自适应的算法,根据转码后视频的高度自适应转码后视频的宽度。请参见 宽度自适应。标准模板 模板名称 模板ID 分辨率(宽*高)码率(kbps)转码账单中输出规格 流畅 lld 360 460 LD 标清 lsd 432 640 SD 高清 lhd...
本文为您介绍人脸人体(facebody)类目下的红外人脸活体检测DetectInfraredLivingFace的语法及示例。功能描述 红外人脸活体检测能力可以检测红外图片中的人脸是否为来自认证设备端的近距离裸拍活体人脸对象,可广泛应用在红外设备人脸实时...
AdaptMode String 否 视频尺寸自适应模式类型,默认为Fill,必须同时设置视频轨道Width和Height,该模式才会生效,此时Width和Height为目标区域宽高,视频会在目标区域内自适应缩放。Contain:被替换的内容将被缩放,在填充目标区域的同时...
本文为您介绍目标检测(objectdet)类目下的猫鼠识别DetectKitchenAnimals的语法及示例。功能描述 猫鼠识别能力基于视觉AI算法、物联网、大数据分析技术,猫鼠识别能力可以检测出场景中是否有猫、老鼠等动物,实现实时预警。说明 您可以...
本文为您介绍目标检测(objectdet)类目下的着装检测DetectWorkwear的语法及示例。功能描述 着装检测能力基于视觉AI算法、物联网、大数据分析技术,检测指定场景范围内的人员帽子、口罩、工作服等穿戴情况,对不规范穿戴行为进行实时预警。...
高度:网格的高度,值默认值为 auto,高度自适应。自适应布局:勾选后,柱状图进行自适应布局;去勾选,柱状图根据您配置的样式进行布局。背景色:参考 颜色选择器,修改网格的背景颜色,默认透明。边框色:参考 颜色选择器,修改网格的...
高度:网格的高度,值默认值为 auto,高度自适应。自适应布局:勾选后,柱状图进行自适应布局;去勾选,柱状图根据您配置的样式进行布局。背景色:参考 颜色选择器说明,修改网格的背景颜色,默认透明。边框色:参考 颜色选择器说明,修改...
开启图像处理后,通过文件URL处理图片 时,URL中携带的图像处理参数才会生效,否则为无效参数。控制台上是否开启自适应WEBP、图片自动旋转(仅自动调正功能)和图片自动瘦身功能,根据自身业务决定。参数 说明 支持转换的图片类型 选择您...
高度:网格的高度,值默认值为 auto,高度自适应。自适应布局:勾选后,柱状图进行自适应布局;去勾选,柱状图根据您配置的样式进行布局。背景色:参考 颜色选择器,修改网格的背景颜色,默认透明。边框色:参考 颜色选择器,修改网格的...
高度:网格的高度,值默认值为 auto,高度自适应。自适应布局:勾选后,柱状图进行自适应布局;去勾选,柱状图根据您配置的样式进行布局。背景色:参考 颜色选择器说明,修改网格的背景颜色,默认透明。边框色:参考 颜色选择器说明,修改...
高度:手动输入数值,调整元素的高度,默认值为 auto,自适应元素的高度。力导图配置 斥力因子:单击+或-号,或手动输入数值,修改节点之间的斥力因子。引力因子:单击+或-号,或手动输入数值,修改节点受到的向中心的引力因子。边长度:...
高度:手动输入数值,调整元素的高度,默认值为 auto,自适应元素的高度。力导图配置 斥力因子:单击+或-号,或手动输入数值,修改节点之间的斥力因子。引力因子:单击+或-号,或手动输入数值,修改节点受到的向中心的引力因子。边长度:...
fit:自适应,以填充区(框)作为配置目标进行Layer设置,此时画面会按照原始的宽高比缩放,长边对齐的自适应方式在填充区(框)内居中填充,若填充区宽高比和画面不一致,则短边两侧无填充(显示为下层Layer画面,若下层未配置Layer,默认...
为什么使用浏览器预览图片时直接下载 如果您使用浏览器预览图片时直接进行下载,可能是因为当前浏览器不支持预览的图片格式。建议您更换兼容图片格式的浏览器(例如Chrome浏览器)再次尝试预览。为什么GIF动图经过图片处理后变成静态图 GIF...
您可以通过自适应方向参数,指定OSS内存储的原图是否按自适应方向旋转。本文介绍进行自适应方向旋转时所用到的参数及示例。参数说明 操作名称:auto-orient 参数说明如下:参数 描述 取值[value]指定图片是否进行自适应旋转。0、1 0:保持...
当 Type 为 OSS 时填入 OSS 地址,Type 为 Media 时填入媒资 ID。OSS 地址规则为:oss:/bucket/object http(s):/bucket.oss-[RegionId].aliyuncs.com/object 其中 bucket 为和当前项目处于同一区域的 OSS bucket 名称,object 为文件路径。...
高度:网格的高度,值默认值为 auto,高度自适应。自适应布局:勾选后,柱状图进行自适应布局;去勾选,柱状图根据您配置的样式进行布局。背景色:参考 颜色选择器,修改网格的背景颜色,默认透明。边框色:参考 颜色选择器,修改网格的...
可选项如下:小(图标高度24px)中(图标高度32px)大(图标高度36px)自适应 当图标尺寸设置为“自适应”时,组件宽度设置为'auto',宽度由浏览器自动计算。图标颜色 图标颜色设置属于页面组件通用属性。关于此部分属性的更多信息,请参见...
当开启 自适应 配置项,且表格不溢出时,此配置项仅对表头生效,其余行会自适应高度,取值范围为0~50,单位为px。表头 首行为表头:打开开关,表格的第一行作为表头,且可以配置表头的文本样式。若不需要配置表头,可关闭此配置项,且需要...
当开启 自适应 配置项,且表格不溢出时,此配置项仅对表头生效,其余行会自适应高度,取值范围为0~50,单位为px。表头 首行为表头:打开开关,表格的第一行作为表头,且可以配置表头的文本样式。若不需要配置表头,可关闭此配置项,且需要...
排版 布局类控件(容器、自适应布局、标签布局、多栏布局)布局类控件主要包括容器、自适应布局、标签布局、多栏布局,此类控件可设置背景,可在控件内放置多种其他控件,选中布局控件进行复制粘贴移动等操作,可操作布局控件及布局控件内...
某些手机拍摄出来的照片可能带有旋转参数(存放在照片...进行自适应方向旋转,必须要求原图的宽度和高度必须小于4096。如果原图没有旋转参数,加上 auto-orient 参数不会对图片进行旋转。示例 将图缩略成宽度为100,对图片不做自动旋转处理。...
尺寸:包括组件的宽度和高度,单位为px。定位:包括组件的 横坐标 和 纵坐标,单位为px。横坐标 为组件左上角距离页面左边界的像素距离,纵坐标 为组件左上角距离页面上边界的像素距离。旋转:以组件的中心为中心点,进行旋转,单位为度...
阿里云视频点播图像处理提供自适应WebP、图片自动旋转和图片自动瘦身的功能。说明 图像处理为付费服务,公测期间 暂不收费,收费时间另行通知。使用限制 使用图像处理功能时有如下限制:原图限制 图片格式只支持JPEG、PNG、WebP、BMP、GIF...
当单击图片时,会触发数据请求,抛出临时变量,动态加载轮播图的数据。默认抛出数据中的 description 和 url 值,具体配置请参见 组件交互配置。蓝图交互 单击页面左上角的 图标,进入 蓝图 页面。在 图层节点 页签下,添加当前组件至主...
引入自适应模式的js文件 该js文件同时包含了Flash和H5跨终端自适应的逻辑。引入该js文件后,播放器SDK会自行适配播放模式。link rel="stylesheet"href=...
如果不支持就会设置 div 的样式为 no-avif,背景图片设置为原图(其他格式备用图片也可以),具体代码如下所示:JS 代码 async function supportsAvif(){ if!this.createImageBitmap)return false const avifData='data:image/avif;base64,...
本文介绍如何快速接入Web播放...如需引入2.16.3之前版本的Web播放器SDK,则需将上述路径中的/apsara-media-box/imp-web-player 节点替换为/de/prismplayer,例如引入2.15.2版本自适应模式的js文件示例为:<head><link rel="stylesheet"href=...
vertical ScaleType string 否 被拼接图片在对齐宽度或高度时的缩放方式。可取值如下:fit(默认):缩放并不保留黑边(仅等比缩放)。stretch:拉伸以填满。horizon:仅垂直拉伸。vertical:仅水平拉伸。stretch Align long 否 被拼接图片...