keyframe 动画

本文以实例介绍了实现一个 JS keyframe 动画需要进行的操作。本文以实现线上支付效果页点击动画为例,介绍动画的实现过程。引入 Animation 模块,且必须在 export default 外面引入(第 19 行)。定义 keyframe 的具体动画效果(第 21 行)...

动画

在一组动画中可以调用任意多个动画方法,一组动画中的所有动画会同时开始,当一组动画完成后才会进行下一组动画。step()可以传入一个跟 my.createAnimation()一样的配置参数用于指定当前组动画的配置。代码示例 在 axml 文件中添加如下代码...

JS-SDK版本

演示相关新增幻灯片播放状态以及幻灯片动画控制。PDF相关新增设置页面渲染模式。Release V1.1.1 发布时间:2020-04-21 更新日志:新增没有配置mount默认占满全屏功能。updateConfig()方法兼容处理,该函数即将废弃。修复偶现API调用时序...

Sub

监听触发器动画事件 app.Sub.TriggerPlayEvent=(curryPage)=>{ console.log('触发器动画:',curryPage);};} Sub.SlideMove 监听幻灯片移动事件。重要 JS-SDK V1.1.10及以上版本支持此功能。语法 表达式.Sub.SlideMove=eventHandle 表达式:...

幻灯片

本文介绍演示幻灯片高级接口,包含幻灯片对象、全屏、动画、播放、幻灯片播放状态、打开关闭播放缩略图的方法以及插入新的幻灯片。幻灯片对象 语法 表达式.ActivePresentation.Slides 表达式:文档类型应用对象 示例 async function ...

导航栏

js onLoad(){ my.reLaunch()({ url:'./swiper/swiper'/在页面中添加的非首页 })setTimeout(()=>{/5秒后隐藏返回首页按钮 my.hideBackHome()},5000)} my.hideNavigationBarLoading 该接口用于在当前页面隐藏导航条的加载动画。代码示例/API-...

Presentation

} ActivePresentation.PlayTriggerAnim()通过 PlayTriggerAnim()方法,您可以执行触发器动画。语法 表达式.ActivePresentation.PlayTriggerAnim()表达式:文档类型应用对象 参数 属性 数据类型 是否必填 描述 TargetShapeId Number 是 触发...

页面

本文介绍演示文件页面的高级接口,包含导出、获取登录操作者信息、缩放、自适应、保存、注脚信息和触发器动画。导出 导出文件为PDF或者图片。语法 表达式.ActivePresentation.ExportAsFixedFormat({ RangeType,FrameSlides,FixedFormatType...

Shape

重要 JS-SDK V1.1.10及以上版本支持此功能。语法 表达式.ActiveDocument.InlineShapes 表达式:文档类型应用对象 示例 async function example(){ await instance.ready();const app=instance.Application;获取文档中的所有嵌入式图形对象 ...

下拉刷新

调用 my.startPullDownRefresh 后触发下拉刷新动画,效果与用户手动下拉刷新一致(会触发 onPullDownRefresh 监听方法)。当处理完数据刷新后,my.stopPullDownRefresh 可停止当前页面的下拉刷新。入参 属性 类型 必填 描述 pullRefresh ...

文字

重要 JS-SDK V1.1.10及以上版本支持此功能。使用方法 表达式.Enum.WdHeaderFooterIndex.wdHeaderFooterPrimary 表达式:文档类型应用对象 参数 字段 值 描述 wdHeaderFooterPrimary 1 返回文档或节中除第一页外所有页上的页眉或页脚。...

退出当前应用

此接口用于退出当前栈顶 App。exitApp 接口的使用方法 AlipayJSBridge.call('exitApp');代码示例 退出当前的页面:点击退出当前页面</h1><a href="#"class="btn J_demo">执行</a><script>function ...N-animated bool 是否开启动画。N true

BoneMobile容器SDK

Native和JS共享配置 某些业务场景下,Native 端和 JS 端可能需要共享一些配置。为了满足这个需求,我们开辟了一个 Native 和 JS 都可以访问的配置区。JS 端访问配置区,请参见:环境配置信息。Android 端访问配置区,可以参考如下代码:/...

弹出层(Popup)

animation boolean 否 true 是否开启过渡动画 duration number 否 300 过渡动画时长,单位毫秒 position 'center'|'top'|'bottom'|'left'|'right' 否 'center' 弹窗布局 zIndex number 否 998 弹窗层级 className string 否-类名 事件 事件...

Web端接入AVIF格式图片说明

它支持8、10和12位的颜色深度、胶片颗粒保留、PNG图像的透明度以及GIF格式的动画。AVIF兼容的浏览器及其版本 AVIF兼容多种浏览器。关于AVIF格式图片兼容的浏览器及其版本,请参见 AVIF兼容性。兼容的浏览器如何显示AVIF格式的图片 对于AVIF...

打开新页面

pushWindow 与前端 location.href 的区别,类同于 PC 浏览器的新开标签页,每个 window 都是一个新的标签页,因此原页面仅仅是被压到后台,状态始终保持,JS 也会继续运行。pushWindow 接口的使用方法/打开淘宝首页,自动读取 title,并且...

水印

媒体处理支持 图片水印、动画水印 和 文字水印 三种水印类型,您可以按需选择。本文提供了Node.js SDK设置水印的操作步骤及完整的代码示例。完整代码 import Console from '@alicloud/tea-console';import OpenApi,*as$OpenApi from '@...

滚动

duration Number 0 否 滚动动画的时长,单位 ms。1.20.0 selector String-否 选择器。1.20.0 success Function-否 接口调用成功的回调函数。fail Function-否 接口调用失败的回调函数。complete Function-否 接口调用结束的回调函数(调用...

会议

重要 JS-SDK V1.1.15及以上版本支持该功能。标注 打开标注工具栏 语法 表达式.ActivePresentation.SlideShowWindow.View.MarkerEditVisible 表达式:文档类型应用对象 示例 async function example(){ await instance.ready();const app=...

开关配置

enable_back_perform YES/NO,默认 NO 开启拦截返回键 mr_showOptionMenu YES/NO,默认 YES titlebar 显示菜单 mr_showShareMenuItem YES/NO,默认 NO 菜单栏显示分享 mr_request_support_gzip YES/NO,默认 NO httpRequest JSAPI 支持 ...

扩展 H5 容器

H5Plugin 获取 Activity 返回的结果 自定义 H5 错误页 开启沉浸式状态栏 添加第三方 JavaScriptInterface 为 H5 容器添加过场动画 为 H5 容器的 JSAPI 配置黑名单 H5Plugin 获取 Activity 返回的结果 在刷脸、识别等场景中,都需要启动一个...

诊断报告

功能描述 Node.js 性能平台的诊断功能,大都从某一个特定角度,例如针对内存问题的堆快照,针对CPU问题的Profiling,通过一定时间的信息采集来协助定位问题。诊断报告则从一个全局的视角抓住进程的瞬时状态,采集了堆栈,系统资源,平台...

配置动画

在缩放动画配置中,控制是否显示动画、设置动画时长、初始比例、结束比例、是否开启循环动画、是否反向执行动画动画播放方式。除“播放方式”之外的动画属性可以关联数据源。案例:设置告警信息的缩放动画,实现明显地提示告警的效果。...

路径动画模型

路径动画模型是三维城市构建器创建模型的图层,支持独立的样式配置,包括路径动画模型的通用样式、图形样式、动效样式和交互样式等。本文介绍路径动画模型各配置项的含义。在场景编辑器左侧图层列表中,单击 路径动画模型 图层,进入配置...

动画控制器

动画设计 使用场景 动画控制器是由多个动画图层(Animation Layer)组成,每个动画图层拥有完整独立的动画状态机,运行时互不干扰。引入图层的目的是为了让一个实体同时运行不同维度的动画。参数配置 属性 说明 动画控制器 选择动画控制器...

路径动画模型

路径动画模型是三维城市构建器创建模型的图层,支持独立的样式配置,包括路径动画模型的通用样式、图形样式、动效样式和交互样式等。本文介绍路径动画模型各配置项的含义。在场景编辑器左侧图层列表中,单击 路径动画模型 图层,进入配置...

序列帧动画

序列帧动画是三维城市构建器的图层,用于自定义动画形态、缓动函数。序列帧动画支持独立的样式和数据配置,包括序列帧动画动画缩放倍数、高度偏移和序列帧合成图片等,本文介绍序列帧动画配置项的含义。在场景编辑器左侧图层列表中,单击...

序列帧动画

序列帧动画是三维城市构建器的图层,用于自定义动画形态、缓动函数。序列帧动画支持独立的样式和数据配置,包括序列帧动画动画缩放倍数、高度偏移和序列帧合成图片等,本文介绍序列帧动画配置项的含义。在场景编辑器左侧图层列表中,单击...

配置补间动画

为组件样式:x、y、角度或不透明度绑定了数据源时,可配置补间动画。当数据源数据变化时,补间动画可提供两个关键帧之间的补帧,提升组件变化效果衔接度和流畅性。名词解释:动画时长,从当前状态(如位置)到下一个状态的补间动画时间(ms...

演示产品说明书

预览幻灯片切页动画 实现方式:添加幻灯片切页动画后,在 切页动画 页签中,单击预览图标,即可在当前编辑区域直接预览切页动画,无需进入播放幻灯片模式。如下图所示。说明 如果要以播放幻灯片形式预览切页动画,可单击幻灯片右上角的播放...

序列帧动画

序列帧动画是三维城市构建器的图层,用于自定义动画形态、缓动函数。序列帧动画支持独立的样式和数据配置,包括序列帧动画动画缩放倍数、高度偏移和序列帧合成图片等,本文介绍序列帧动画配置项的含义。在场景编辑器左侧图层列表中,单击...

执行JS

1.组件介绍 说明 必要前置组件:打开新网页 或 获取已打开的网页 利用本组件支持操作Chrome、Edge、IE浏览器,在指定网页中,通过JavaScript脚本执行js操作。2.输入项 说明 请参照可视化编辑器内组件面板中各输入项的帮助信息 3.输出项 ...

管理动画控制器资源

本文介绍在选择动画控制器资源后,对应窗口的功能。前提条件 已登录DataV-TwinFabric控制台。已进入精修模式下的场景编辑器页面。上传动画控制器 在 资源管理 窗口右上角,单击 导入>创建动画控制器。在资源管理窗口,查看已导入的资源。...

地图容器

打开开关,可以设置镜头动画类型和设置镜动画样式,三维城市预览或发布时动画为用户自定义设置的播放动画模式。动画类型 设置动画播放的类型,可选择 绕轨点 或 两点路径。镜头视角 设置不同动画类型下的镜头视角,单击不同类型下的镜头...

动画层(v3.x版本)

本文介绍帧动画层的图表样式和各配置项的含义。图表样式 帧动画层是基础平面地图 3.0的子组件,能够使用自定义的帧动画图类型来标记地图的特定点效果。配置面板 搜索配置:单击 配置 面板右上角的 搜索配置,可在 搜索配置 面板中输入您...

动画层(v4.x版本)

本文介绍帧动画层各配置项的含义。图表样式 帧动画层是基础平面地图 4.0的子组件,能够使用自定义的帧动画图类型来标记地图的特定点效果。样式面板 搜索配置:单击 样式 面板右上角的搜索配置项图标,可在搜索配置面板中输入您需要搜索的...

动画层(v3.x版本)

本文介绍帧动画层各配置项的含义。图表样式 帧动画层是基础平面地图 3.0的子组件,能够使用自定义的帧动画图类型来标记地图的特定点效果。样式面板 搜索配置:单击 样式 面板右上角的搜索配置项图标,可在搜索配置面板中输入您需要搜索的...

animation

animation 模块是用于在子组件上执行动画的接口,支持对组件执行如位置、大小、旋转角度、背景颜色和不透明度等一系列的简单变换。调用 loadKeyframes(keyframes)方法加载动画的关键帧。参数 类型 说明 keyframes object 关键帧参数。...

预设动效设置教程

电脑网站“模块动画”设置入口▲自适应网站“模块动画”设置入口▲电脑网站模块动画设置页面▲入场动画设置效果 1.2 列表多图、轮播多图、图文展示、文章列表等模块仅提供入场动画,但有动画组合可供挑选。电脑网站中,动画组合还可以调整...

蓝图编辑器配置说明

动作 参数 说明 播放当前场景动画 播放当前场景动画,不需要参数。暂停停当前场景动画 暂停当前场景动画,不需要参数。停止当前场景动画 停止当前场景动画,不需要参数。改变相机位置和旋转 平滑移动相机位置和旋转角度,动态传入数据为...
共有85条 < 1 2 3 4 ... 85 >
跳转至: GO
产品推荐
云服务器 安全管家服务 安全中心
这些文档可能帮助您
Node.js 性能平台 批量计算 弹性公网IP 短信服务 人工智能平台 PAI 金融分布式架构
新人特惠 爆款特惠 最新活动 免费试用