Calcular la caja delimitadora de una ruta SVG

Procesa segmentos rectos, curvas de Bézier, arcos elípticos, comandos relativos, puntos de control suaves y subrutas cerradas. Como una curva puede sobrepasar sus extremos y los puntos de control no siempre pertenecen a ella, el cálculo evalúa los extremos geométricos en lugar de limitarse a reunir los números del código fuente.

Calcule los límites solo con los datos de la ruta

Pegue en el campo correspondiente el valor del atributo <code>d</code> de una ruta SVG. La calculadora admite los comandos estándar de movimiento, línea, horizontal, vertical, Bézier cúbica y cuadrática, sus variantes suaves, arco elíptico y cierre, tanto absolutos como relativos. Devuelve <code>min_x</code>, <code>min_y</code>, <code>max_x</code>, <code>max_y</code>, ancho y altura. El rectángulo se expresa en el sistema de coordenadas propio de la ruta. No aplica transformaciones del elemento o sus grupos ni amplía el resultado por trazos, remates, uniones, marcadores, filtros o recortes. Por ello mide exactamente la geometría central. Una ruta vacía genera un error, mientras que un único punto de movimiento produce correctamente ancho y altura iguales a cero.

Por qué las curvas exigen extremos analíticos

Una caja fiable no se obtiene observando solo los extremos de cada segmento. Una Bézier puede alcanzar un mínimo o máximo entre el inicio y el final, y un punto de control puede quedar fuera sin que la curva lo toque. La calculadora resuelve la derivada de cada coordenada y evalúa las raíces interiores. Para los arcos, convierte la representación SVG a centro, considera el ajuste de radios y la rotación, deriva los ángulos extremos y conserva únicamente los incluidos en el barrido elegido. Los comandos suaves reflejan el control anterior, los relativos usan el punto actual y el cierre añade el segmento de retorno. Así se obtienen límites geométricos sin muestreo y no se pierde un pico estrecho entre muestras arbitrarias.

Use el resultado en diseños y herramientas SVG

El rectángulo sirve para crear un viewBox, centrar ilustraciones, normalizar iconos, comparar extensiones, colocar anotaciones o validar geometría generada. Para formar un viewBox, use <code>min_x min_y width height</code> en ese orden. Si existe un trazo visible, añada después el margen que requieran su grosor y sus uniones; trate las transformaciones con el procedimiento matricial adecuado. El analizador acepta separadores por comas o espacios, signos adyacentes, decimales y notación científica. Rechaza comandos desconocidos, grupos incompletos, texto mal formado, banderas de arco inválidas y radios negativos. El resultado es determinista, no necesita red ni renderizador externo y usa el mismo cálculo puro en el navegador y en la API.