1.0.3 • Published 2 years ago
缩放
安装
npm i @lin-media/zoom
初始化
import MediaPlayer from "@lin-media/player";
import Zoom from "@lin-media/zoom";
MediaPlayer.use(Zoom);
const player = new MediaPlayer({
// ...
Zoom: {
// 是否允许横向缩放，默认true
x: true,
// 是否允许纵向缩放，默认true
y: true,
// 最大缩放宽度
maxWidth: 400,
// 最大缩放高度
maxHeight: 400,
// 最小缩放高度
minHeight: 100,
// 最小缩放宽度
minWidth: 100
}
});
// 监听缩放事件
player.$on("zoom", (item) => {
console.log(item);
});
Zoom 参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| x | 是否允许 x 轴缩放 | boolean | — | true |
| y | 是否允许 y 轴缩放 | boolean | — | true |
| maxWidth | 最大缩放宽度 | number | — | — |
| maxHeight | 最大缩放高度 | number | — | — |
| minHeight | 最小缩放高度 | number | — | 0 |
| minWidth | 最小缩放宽度 | number | — | 0 |
事件
| 事件名称 | 说明 | 回调参数 |
|---|
| zoom | 缩放时触发 | {width:number,height:number} |