image-drag v1.3.1

image-drag

图片拖拽缩放组件

Example

import React from 'react';
import ImageDrag from 'image-drag';

class Image extends React.Component {
  state = {
    isShow: false,
    isUse: true,
  }
  render() {
    const { isShow, isUse } = this.state;
    const dragProps = {
      width: 600, // can only receive number
      image: 'https://image.xx.jpg' || 'file',
      toolBar: {
        isShow,
        isUse
      }
    }
    return (<ImageDrag {...dragProps} />);
  }
}
export default Image;

CODE

API

renderTool中传入的参数为 toolBar 中的信息， 同时会多传递一个刷新图片尺寸的函数

在 v 1.2.x 及以上版本中 function(toolInfo) 传递的 toolInfo 为只读属性

toolBar

dragPoint