magickwand_js_wasm_image_fetch_resize_quickstart.ts

1import * as Magick from 'magickwand.js';
2
3async function quickStart() {
4  // Initialize the WASM module
5  await Magick.Init();
6
7  // Fetch an image and convert to Uint8Array
8  const response = await fetch('https://knicknic.github.io/magickwand.js/img/wizard.png');
9  const arrayBuffer = await response.arrayBuffer();
10  const sourceData = new Uint8Array(arrayBuffer);
11
12  // Read the image into MagickWand
13  const image = new Magick.Image();
14  image.read(sourceData);
15
16  // Perform an operation (e.g., resize)
17  image.resize('100x100');
18
19  // Write the result back to a buffer
20  const resultBlob = new Magick.Blob();
21  image.write(resultBlob);
22  
23  // Access the resulting bytes
24  const resultData = resultBlob.data();
25  console.log(`Resized image size: ${resultData.length} bytes`);
26}
27
28quickStart().catch(console.error);