netless-scale-controller

a whiteboard scale controller

1. 说明

本项目技术选型为：React Typescript 打包工具为： rollup

2. 安装

npm install --save @netless/react-scale-controller"

或者

yarn add @netless/react-scale-controller"

3. 接口说明

| 参数 | 说明 | 类型 | 默认值 | | :------------------------- | :----------------- | :------------------------------------------- | :----: | | zoomScale | 缩放比例 | number | | | zoomChange | 缩放变换回调 | (scale: number) => void | | | style? | 样式 | (React.CSSProperties | |

4. 使用概览

import * as React from "react";
import ScaleController from "@netless/react-scale-controller";

export default class ScaleControllerExample extends React.Component<{}, {}> 
  render () {
    return (
        <ScaleController
            zoomScale={room.state.zoomScale}
            zoomChange={this.zoomChange}/>
    )
  }
}

5. 启动项目

1. 获取源码

   git clone [email protected]:netless-io/netless-react-scale-controller.git

2. 进入项目并安装库文件依赖

   cd netless-react-scale-controller
   yarn

3. 启动库文件项目

       yarn start

4. 进入项目并安装 example 文件依赖

       cd example
       yarn

5. 启动 example 项目

       yarn start

5. 项目截图

License

MIT © alwaysmavs