缩放

安装

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} |