1.0.2 • Published 5 years ago

@netless/react-scale-controller v1.0.2

Weekly downloads
10
License
MIT
Repository
github
Last release
5 years ago

netless-scale-controller

a whiteboard scale controller

NPM JavaScript Style Guide

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 git@github.com: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. 项目截图

scale-1-2-3

License

MIT © alwaysmavs