Skip to content

Image component

Braulio Diez edited this page Aug 16, 2024 · 2 revisions

Definition

We want to be able to let user add images (jpegs, pngs, ...) to a given project we are working.

This has some challenge:

  • How are we going to add the image (drop into canvas, let the user upload it).
  • How are we going to store it in memory once uploaded.
  • How are we going to serialize it when saving.

Summary steps

  1. Drop an image from the explorer to the browser and show it in konva stage.
  2. Check how to serialize this in a json file.
  3. Add the image shape control to the gallery, when double cliking open the explorer to let the user choose a given picture.

Step 1