npm.io
1.0.3 • Published 4 years ago

@lin-media/zoom

Licence
MIT
Version
1.0.3
Deps
2
Size
25 kB
Vulns
0
Weekly
0
Stars
42

缩放

安装

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}

Keywords