Skip to content

Instantly share code, notes, and snippets.

@davigmacode

davigmacode/image.tsx

Created July 6, 2023 03:08
Show Gist options
  • Save davigmacode/c271204f863693d00d4102bf9b09af71 to your computer and use it in GitHub Desktop.
Save davigmacode/c271204f863693d00d4102bf9b09af71 to your computer and use it in GitHub Desktop.
Download ZIP
React get blob from loaded image
Raw
image.tsx
<img
crossOrigin="anonymous"
onLoad={(e) => {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx?.drawImage(e.currentTarget, 0, 0);
canvas.toBlob((blob) => blob && doSomeThing(blob));
}}
/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment