https://github.com/tstreamdoth/react-dp

https://github.com/tstreamdoth/react-dp

Last synced: 13 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/tstreamdoth/react-dp
• Owner: tstreamDOTh
• Created: 2020-05-21T13:46:50.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-05-23T09:14:24.000Z (over 4 years ago)
• Last Synced: 2024-11-07T20:08:12.838Z (2 months ago)
• Language: JavaScript
• Size: 159 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# react-dp





Twitter like profile picture component & add custom overlay.

📸Export as base64 image using a clear user interface.

# Install

Just use yarn or npm to add it to your project:

```

yarn add react-dp

```

respective

```

npm install --save react-dp

```

# Usage

```javascript

import React, { useRef } from 'react';

import DisplayPicEditor from 'react-dp';

class MyEditor extends React.Component {

  render() {

    return (

      

         {

            dpEditor.current.saveAsImage();

          }}>

          Save Image

        ˝

    );

  }

}

export default MyEditor;

```