Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix: Use callback for toBlob in clipboard write example #33000

Merged
merged 6 commits into from
May 3, 2024
Merged

fix: Use callback for toBlob in clipboard write example #33000

Changes from 2 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
63749f5
fix: Use callback for toBlob in clipboard write example
bsmth Apr 8, 2024
57d0387
Update files/en-us/web/api/clipboard/write/index.md
Josh-Cena Apr 8, 2024
67719a4
Update files/en-us/web/api/clipboard/write/index.md
Josh-Cena Apr 8, 2024
6f8f5ac
fix: Changes following reviewer feedback, avoid floating promises
bsmth Apr 9, 2024
15d7089
Merge branch 'main' into 32385-canvas-blob
bsmth May 3, 2024
fad482e
feat: add paste event listener to read from clipboard, convert to liv…
bsmth May 3, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
12 changes: 6 additions & 6 deletions files/en-us/web/api/clipboard/write/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,17 +76,17 @@ A `try..catch` block could be used to catch any errors writing the data.
This example writes the canvas to a blob, using the default MIME type of `image/png`, and then writes the blob to the clipboard.

```js
// Get canvas can add an event handler for the click event.
const canvas = document.getElementById("canvas");
canvas.addEventListener("click", copyCanvasContentsToClipboard);

async function copyCanvasContentsToClipboard() {
// Copy canvas to blob
const blob = await canvas.toBlob();
// Create ClipboardItem with blob and it's type, and add to an array
const data = [new ClipboardItem({ [blob.type]: blob })];
// Write the data to the clipboard
await navigator.clipboard.write(data);
canvas.toBlob(async (blob) => {
// Create ClipboardItem with blob and it's type, and add to an array
const data = [new ClipboardItem({ [blob.type]: blob })];
Josh-Cena marked this conversation as resolved.
Show resolved Hide resolved
// Write the data to the clipboard
await navigator.clipboard.write(data);
});
}
```

Expand Down