From eb680669051a6c58798bc099ec05271a0e4276b6 Mon Sep 17 00:00:00 2001 From: dev Date: Wed, 9 Sep 2026 03:40:35 +0200 Subject: [PATCH] =?UTF-8?q?El=20c=C3=A1lculo=20del=20recuadro,=20que=20ya?= =?UTF-8?q?=20no=20tiene=20recuadro?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Se quedó al sacar la Península a su propio lienzo. Co-Authored-By: Claude Opus 5 (1M context) --- src/lib/components/MapaDeGeneros.svelte | 31 ------------------------- 1 file changed, 31 deletions(-) diff --git a/src/lib/components/MapaDeGeneros.svelte b/src/lib/components/MapaDeGeneros.svelte index 9030920..ff53a84 100644 --- a/src/lib/components/MapaDeGeneros.svelte +++ b/src/lib/components/MapaDeGeneros.svelte @@ -57,37 +57,6 @@ const enAmerica = PAISES.filter((p) => !IBERIA.includes(p.codigo)); const enIberia = PAISES.filter((p) => IBERIA.includes(p.codigo)); - /* - * El recuadro de la Península, colocado a mano dentro del mismo lienzo. - * - * Se probó con un `` anidado, que es lo que parece corresponder, y no - * pintaba nada: sus porcentajes se miden contra el viewport y no contra el - * `viewBox` del padre. Con una traslación y una escala calculadas de los dos - * encuadres, el sitio es exactamente el que se pide. - */ - const numeros = (encuadre: string) => encuadre.split(' ').map(Number); - - const inserto = (() => { - const [ax, ay, aAncho] = numeros(ENCUADRE); - const [ix, iy, iAncho, iAlto] = numeros(ENCUADRE_IBERIA); - - const escala = (aAncho * 0.44) / iAncho; - const margen = 8; - const x = ax + aAncho - iAncho * escala - margen; - const y = ay + margen; - - return { - escala, - transform: `translate(${(x - ix * escala).toFixed(1)} ${(y - iy * escala).toFixed(1)}) scale(${escala.toFixed(3)})`, - marco: { - x: x.toFixed(1), - y: y.toFixed(1), - ancho: (iAncho * escala).toFixed(1), - alto: (iAlto * escala).toFixed(1) - } - }; - })(); - /** Lo que lee un lector de pantalla y lo que sale al pasar el ratón. */ function resumen(codigo: string): string { const suyo = porPais[codigo];