Hi there,
I’m making an online comics editor.
I would like to upload an image, get it wide and full column width then draw rectangles over it (via custom field) to make the bubbles (dialogs).
What should be the best way to achieve this ? I can’t figure how to get and pass the image url of the previous field of the sames structure to custom component in blueprint.
Here is an excerpt of the blueprint
chapter_pages:
label: Chapter pages
type: structure
fields:
chapter_page_image:
label: Image
type: files
layout: cards
multiple: false
chapter_page_case:
type: custom_component_to_create
source: "{{ image from chapter_page_image }}"
In my custom component the ballons should look like :
chapter_page_balloons:
label: Balloons
type: structure
fields:
chapter_page_balloon_text:
label: Text
type: writer
chapter_page_balloon_xstart:
label: Start Horizontal
type: number
width: 1/4
chapter_page_balloon_ystart:
label: Start Vertical
type: number
width: 1/4
chapter_page_balloon_xend:
label: End Horizontal
type: number
width: 1/4
chapter_page_balloon_yend:
label: End Vertical
type: number
width: 1/4
Anyone has a clue ?
Thanks a lot !
Gauthier