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];