Generador de cursores

Sobre esta herramienta

Suposición: la intención más común es un generador de cursores de diseño web que genera assets de cursor CSS para sitios. Esta especificación describe el propósito de la herramienta, la lógica de dominio, el valor, el público y los diferenciadores, con un enfoque en salidas listas para navegador en lugar de detalles de UI.
Propósito e intención del usuario: esta herramienta resuelve la necesidad de visuales de cursor consistentes y alineados con la marca en interfaces web. Los usuarios objetivo son desarrolladores frontend, diseñadores UI/UX y equipos de producto que requieren assets de cursor rápidos y fragmentos CSS reutilizables. Aborda el problema de crear, probar y exportar varias variantes de cursor sin trabajo gráfico externo.
Lógica central y características: las funciones obligatorias incluyen selección de forma (flecha, mira, haz o círculo), color (Hex), tamaño, coordenadas de hotspot y opciones de exportación (CSS, SVG, PNG). Opciones avanzadas añaden degradados, múltiples variantes, indicaciones de animación y salidas Retina-ready. Las salidas derivan de plantillas vectoriales paramétricas que renderizan un SVG; las reglas CSS hacen referencia a Data URL incrustadas o URL de activos.
Entradas y salidas: entradas incluyen nombre (string), forma (enum), color, tamaño (px), hotspot_x y hotspot_y (px), formato_export (SVG/PNG/CSS), include_svg (bool), include_css (bool). Requisitos: forma, color, tamaño. Salidas incluyen valor CSS del cursor, Data-URL o URL de activo y activos SVG/PNG opcionales.
Algoritmos y cálculos: la herramienta construye un lienzo SVG escalado al tamaño solicitado, dibuja la forma elegida en el color elegido y sitúa el hotspot como origen para referencias CSS del cursor. Si se solicitan variantes múltiples, genera assets separados y reglas CSS correspondientes. Para exportaciones PNG, se rasteriza el vector a bitmap a la resolución objetivo. En caso de fallo, se usa cursor: auto.
Errores y casos límite: códigos de color no válidos, formas no soportadas o tamaños fuera de rango 16–64 px provocan errores de validación. Las entradas faltantes usan valores por defecto razonables. Los fallos de generación de assets externos devuelven un cursor seguro y un código de diagnóstico. Las Data-URL se gestionan con codificación URL adecuada.
Industria/Región y Localización: Las salidas emplean valores de cursor CSS estándar y unidades seguras para web (px). No hay requisitos de localización regional. La compatibilidad entre navegadores está implícita en la sintaxis canónica de cursor CSS y rutas de exportación SVG/PNG ampliamente soportadas.
Suposiciones y Exclusiones: Uso para sitios web y prototipos UI; la personalización a nivel de sistema operativo queda fuera del alcance. No hay integración con herramientas de diseño (Figma/Sketch) ni entornos no web.

Inicie sesión para ver todo su uso