Skip to content

Commit 66f1a02

Browse files
committed
Add save function
1 parent 599e764 commit 66f1a02

File tree

2 files changed

+10
-0
lines changed

2 files changed

+10
-0
lines changed

libraries/Camera/extras/WebSerialCamera/app.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ const connectButton = document.getElementById('connect');
22
const refreshButton = document.getElementById('refresh');
33
const startButton = document.getElementById('start');
44
const disconnectButton = document.getElementById('disconnect');
5+
const saveImageButton = document.getElementById('save-image');
56
const canvas = document.getElementById('bitmapCanvas');
67
const ctx = canvas.getContext('2d');
78

@@ -211,6 +212,14 @@ refreshButton.addEventListener('click', () => {
211212
renderFrame(currentPort);
212213
});
213214

215+
saveImageButton.addEventListener('click', () => {
216+
const link = document.createElement('a');
217+
link.download = 'image.png';
218+
link.href = canvas.toDataURL();
219+
link.click();
220+
link.remove();
221+
});
222+
214223
navigator.serial.addEventListener("connect", (e) => {
215224
// Connect to `e.target` or add it to a list of available ports.
216225
console.log('🔌 Serial port became available. VID: 0x' + e.target.getInfo().usbVendorId.toString(16));

libraries/Camera/extras/WebSerialCamera/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
<div id="controls">
1313
<button id="connect">Connect</button>
1414
<button id="disconnect">Disconnect</button>
15+
<button id="save-image">Save Image</button>
1516
<button id="refresh">Refresh</button>
1617
<button id="start">Start</button>
1718
</div>

0 commit comments

Comments
 (0)