x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-18 19:01:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

完成rotate

Browse Source
This commit is contained in:
Harvey committed 2020-09-18 10:41:40 +08:00
1 parent e7380e84b8
commit e4e79b63b4
9 files changed
+133 -77
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/player/flipMix.js
+1
View File
@@ -20,6 +20,7 @@ export default function flipMix(art, player) {
if (flip === 'normal') {
delete $player.dataset.flip;
} else {
player.rotate = false;
$player.dataset.flip = flip;
}
packages/artplayer/src/player/rotateMix.js
+41 -6
View File
@@ -16,15 +16,50 @@ export default function rotateMix(art, player) {
errorHandle(degList.includes(deg), `'rotate' only accept ${degList.toString()} as parameters`);
if (deg === 0) {
setStyle($video, 'width', null);
setStyle($video, 'height', null);
setStyle($video, 'padding', null);
delete $player.dataset.rotate;
setStyle($video, 'transform', null);
} else {
const { videoWidth, videoHeight } = $video;
const { clientWidth, clientHeight } = $player;
const degFormat = deg < 0 ? deg + 360 : deg;
player.flip = false;
$player.dataset.rotate = deg;
const getScaleValue = () => {
const { clientWidth: videoWidth, clientHeight: videoHeight } = $video;
const { clientWidth: playerWidth, clientHeight: playerHeight } = $player;
const playerRatio = playerWidth / playerHeight;
const videoRatio = videoWidth / videoHeight;
return playerRatio > videoRatio ? playerWidth / videoHeight : playerHeight / videoWidth;
};
let degValue = 0;
let scaleValue = 1;
switch (deg) {
case -270:
degValue = 90;
scaleValue = getScaleValue();
break;
case -180:
degValue = 180;
break;
case -90:
degValue = 270;
scaleValue = getScaleValue();
break;
case 90:
degValue = 90;
scaleValue = getScaleValue();
break;
case 180:
degValue = 180;
break;
case 270:
degValue = 270;
scaleValue = getScaleValue();
break;
default:
break;
}
setStyle($video, 'transform', `rotate(${degValue}deg) scale(${scaleValue})`);
}
notice.show = `${i18n.get('Rotate')}: ${deg}°`;