react 鼠标移入放大_react项目中实现元素的拖动和缩放实例

import React, { Component } from 'react'import PropTypes from'prop-types'import assign from'object-assign'import classNames from'classnames'import _ from'lodash'import { Rnd } from'react-rnd'import'./index.less'class ScreenShareCapture extends Component {

static propTypes={

style: PropTypes.object,

}

static defaultProps={

style: {},

}

state={

x:0,

y:0,

width:500,

height:281.25,

}

componentDidMount() {

}

componentWillUnmount() {

}

updateRndElemLastSizePos= () =>{this.rndElemLastSizePos ={

x:this.state.x,

y:this.state.y,

width:this.state.width,

height:this.state.height,

}

}

calculateRndElemSizePos= (d