0.7.10-alpha.0 • Published 1 year ago

@gaopeng123/hooks.use-scale v0.7.10-alpha.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

useScale

(props?: ScaleProps):{x: number,y:number}

监听窗口变化,动态缩放当前dom,并保持居中

在线demo

参数

type ScaleProps = {
    scaleDom?: any; // 缩放的dom 如果不传 默认为body下得第一个div元素
    width?: number; // 理想宽
    height?: number; // 要求的理想宽高 小于或者大于该数据后进行缩放
};
const scale = useScale({width: 1920, height: 1080});

Usage

import React, {useEffect} from 'react';
import {useScale} from "@gaopeng123/hooks.use-scale";

type TestUseScaleProps = {};
const TestUseScale: React.FC<TestUseScaleProps> = (props) => {
    const scale = useScale({width: 1920, height: 1080});
    useEffect(() => {
        return () => {

        }
    }, [scale]);
    return (
        <div style={{backgroundColor: '#97fa04', width: '100%', height: '100%'}}>
            <h3>useScale</h3>
            scale: {
            JSON.stringify(scale, null, 2)
        }
        </div>
    )
};

export default TestUseScale;
0.7.10-alpha.0

1 year ago

0.7.8

1 year ago

0.7.6

2 years ago

0.7.2

2 years ago

0.7.1

2 years ago

0.6.0

2 years ago

0.5.1

3 years ago

0.5.0

3 years ago

0.4.2

3 years ago

0.3.0

3 years ago

0.2.2

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago