npm install @feenan/scalebox-react
在React项目中，当你需要开发大屏，希望宽高保持固定比例自适应视口或者其他容器展示时。
import ScaleBox from '@feenan/scalebox-react'
import '@feenan/scalebox-react/lib/index.css'
<ScaleBox width={1908} height={1000} isFullScreen>
<div>这里是具体的被放缩的子组件</div>
</ScaleBox>import ScaleBox from '@feenan/scalebox-react'
import '@feenan/scalebox-react/lib/index.css'
<ScaleBox width={1908} height={1000} container={wrapperDom}>
<div>这里是具体的被放缩的子组件</div>
</ScaleBox>| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| width | 大屏初始宽 | number | - |
| height | 大屏初始高 | number | - |
| isFullScreen | 是否自适应视口宽高（window.innerWidth/window.innerHeight） | boolean | - |
| container | 是否自适应该DOM元素宽高 | HTMLElement | - |
npm run start
npm run test
npm run build
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent