MediaContainer 媒体文件展示容器
用于在给定元素中以原比例展示图片或视频内容。适用于需要在图片上叠加可操作区域或可拖拽元素拖拽时保持比例。
说明
媒体元素设置css属性object-fit也可以实现维持比例居中显示,但是拖拽时的影像会变形。
基础用法
本示例裁剪后将在新窗口打开裁剪后的图片, 获取的数据可在控制台查看
props和插槽的使用
外部逻辑处理资源懒加载
Attributes
参数 | 类型 | 说明 | 可选值 | 默认值 |
---|---|---|---|---|
duration | +number | 总时间,单位s,必须为正数 | -- | 60 |
interval | +number | 更新间隔,单位s,必须为正数 | -- | 1 |
Events
参数 | 说明 | 回调参数 |
---|---|---|
timeout | 倒计时结束时触发的事件 | -- |