GenerateImage() — react Function Reference

Architecture documentation for the GenerateImage() function in GenerateImage.js from the react codebase.

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ GenerateImage() — react Function Reference

Dependency Diagram

graph TD
  c76b8787_4035_c232_f37d_1451a42b2613["GenerateImage()"]
  2d502928_bbd6_55d4_5487_065e9a2748fd["GenerateImage.js"]
  c76b8787_4035_c232_f37d_1451a42b2613 -->|defined in| 2d502928_bbd6_55d4_5487_065e9a2748fd
  style c76b8787_4035_c232_f37d_1451a42b2613 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight/src/GenerateImage.js lines 3–17

export async function GenerateImage({message}) {
  // Generate an image using an image library
  const canvas = createCanvas(200, 70);
  const ctx = canvas.getContext('2d');
  ctx.font = '20px Impact';
  ctx.rotate(-0.1);
  ctx.fillText(message, 10, 50);

  // Rasterize into a Blob with a mime type
  const type = 'image/png';
  const blob = new Blob([canvas.toBuffer(type)], {type});

  // Just pass it to React
  return <img src={blob} />;
}