mirror of
https://github.com/voltbonn/profile-picture-generator.git
synced 2025-01-02 21:12:37 +00:00
download combined image
This commit is contained in:
parent
5517fe666d
commit
28ebd661e6
3 changed files with 8 additions and 0 deletions
|
@ -7,6 +7,7 @@
|
|||
"@testing-library/jest-dom": "^5.11.4",
|
||||
"@testing-library/react": "^11.1.0",
|
||||
"@testing-library/user-event": "^12.1.10",
|
||||
"downloadjs": "^1.4.7",
|
||||
"merge-images": "^2.0.0",
|
||||
"react": "^17.0.1",
|
||||
"react-dom": "^17.0.1",
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
import { useState, useEffect, useCallback } from 'react'
|
||||
import './App.css'
|
||||
import download from 'downloadjs'
|
||||
|
||||
import frame_mixed from './frames/ProfileFrame Mixed Bars.png'
|
||||
|
||||
|
@ -58,6 +59,7 @@ return (
|
|||
|
||||
<img src={combinedImage} className="App-logo" alt="Finished Frame" />
|
||||
|
||||
<button onClick={() => download(combinedImage, "volt-profile-picture.png", "image/png")}>Download Profile Picture</button>
|
||||
</header>
|
||||
</div>
|
||||
)
|
||||
|
|
|
@ -4150,6 +4150,11 @@ dotenv@8.2.0:
|
|||
resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
|
||||
integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
|
||||
|
||||
downloadjs@^1.4.7:
|
||||
version "1.4.7"
|
||||
resolved "https://registry.yarnpkg.com/downloadjs/-/downloadjs-1.4.7.tgz#f69f96f940e0d0553dac291139865a3cd0101e3c"
|
||||
integrity sha1-9p+W+UDg0FU9rCkROYZaPNAQHjw=
|
||||
|
||||
duplexer@^0.1.1:
|
||||
version "0.1.2"
|
||||
resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
|
||||
|
|
Loading…
Reference in a new issue