La imagen declara un hueco (aspecto, esquinas) y la foto lo llena. El server manda una URL; el cliente hace el resto.
aspect_ratio dimensiona el hueco — la foto llena y recorta:
{
"type": "image",
"props": {
"aspect_ratio": 1.6,
"corner_radius": 12,
"fill_width": true,
"url": "https://images.metmuseum.org/CRDImages/ep/web-large/DP-42549-001.jpg"
}
}
sale esto:
Cuadrada, como una carátula:
{
"type": "image",
"props": {
"aspect_ratio": 1,
"corner_radius": 8,
"url": "https://images.metmuseum.org/CRDImages/ep/web-large/DP-42549-001.jpg",
"width": 120
}
}
sale esto:
zoomable — pellizcar para mirar más de cerca; la imagen no cambia, la mirada sí:
{
"type": "image",
"props": {
"aspect_ratio": 1.4,
"corner_radius": 12,
"fill_width": true,
"url": "https://images.metmuseum.org/CRDImages/ep/web-large/DP-42549-001.jpg",
"zoomable": true
}
}
sale esto: