Pizarra

Colabora en un canvas compartido con herramientas de dibujo, formas, texto, notas adhesivas y sincronizacion multijugador en tiempo real.

Abrir Pizarra#

Haz clic en Pizarra en la barra lateral. La barra lateral se oculta automaticamente para maximizar espacio de canvas. Vuelve a mostrarla desde la barra superior.

Herramientas#

La barra de herramientas izquierda contiene todas las herramientas de dibujo y edicion:

• Seleccionar (—) — Haz clic para seleccionar, arrastra para mover, usa tiradores para redimensionar
• Mano (—) — Desplazar el canvas (tambien: arrastre con boton central)
• Seleccion de puntos (V) — Editar puntos de ancla en trazados y formas
• Rectangulo (—) — Dibujar rectangulos
• Circulo (—) — Dibujar elipses
• Poligono (—) — Dibujar poligonos
• Texto (—) — Haz clic para anadir texto
• Marco (—) — Crear areas/marcos de exportacion
• Pluma (P) — Dibujo de trazados Bezier
• Pincel (B) — Dibujo a mano alzada
• Flecha (A) — Dibujar flechas con opciones de curva
• Nota adhesiva (—) — Anadir notas adhesivas
• Trazado (—) — Dibujar trazados (cerrados o abiertos)

Deshacer: Q | Rehacer: E (parte inferior de barra de herramientas izquierda)

Dibujar formas#

1. Selecciona herramienta de forma (rectangulo, circulo, poligono, etc.)
2. Haz clic y arrastra en el canvas para dibujar
3. Suelta para terminar

Para flechas: Tras dibujar, usa la barra inferior para elegir estilo de curva (izquierda / recta / derecha).

Seleccionar y editar#

Con herramienta Seleccionar:

• Clic en una forma para seleccionarla
• Arrastrar para mover
• Tiradores de esquina para redimensionar
• Redimensionar flecha tambien escala grosor de trazo

Con herramienta Seleccion de puntos (V):

• Clic en punto de ancla para seleccionarlo
• Arrastrar para recolocar
• Arrastre de marquesina (area vacia) para seleccionar varios puntos
• Flechas de teclado desplazan puntos seleccionados

Texto y notas adhesivas#

Anadir texto#

1. Selecciona herramienta Texto
2. Haz clic en canvas
3. Escribe tu texto en la superposicion
4. Haz clic fuera para terminar edicion

Anadir nota adhesiva#

1. Selecciona herramienta Nota adhesiva
2. Haz clic en canvas para colocar
3. Escribe contenido
4. Arrastra para recolocar

Tarjetas de enlace#

Incrusta enlaces web como tarjetas visuales en canvas:

1. Selecciona una forma o usa el menu contextual → Añadir enlace
2. Introduce una URL en modal de edición de enlace
3. La tarjeta muestra vista previa con metadatos y miniatura proxied
4. Haz clic en tarjeta para abrir enlace

Panel de propiedades#

La barra de herramientas derecha muestra propiedades de forma seleccionada:

• Relleno color y opacidad
• Trazo color, ancho y estilo
• Efectos (sombra, desenfoque, etc.)
• Texto propiedades (fuente, tamano, alineacion)

Secciones son plegables y su estado persiste. Panel se oculta cuando no hay nada seleccionado.

Capas#

Abre el panel de capas desde menu superior de desbordamiento:

• Ver todas las formas listadas por z-index
• Reordenar capas (z-index se mantiene unico)
• Alternar visibilidad
• Bloquear capas

Marcos#

Los marcos son areas de exportacion que agrupan contenido:

1. Selecciona herramienta Marco
2. Dibuja un rectangulo en canvas
3. Etiquetas de marco aparecen como superposiciones
4. Arrastra formas dentro de un marco para asignarlas
5. Mover un marco mueve todo su contenido

Al mover/redimensionar una forma y cambiar tambien su asignacion de marco, ambos cambios se fusionan en una entrada de historial de deshacer.

Menu contextual#

Haz clic derecho en canvas o una forma para abrir menu contextual:

• Copiar / Pegar — Operaciones de portapapeles
• Eliminar — Quitar forma
• Traer al frente / Enviar atras — Cambios de z-index
• Añadir enlace — Abrir modal de edicion de enlace
• Opciones especificas de forma

Colaboracion#

Todos los cambios se sincronizan en tiempo real mediante WebSocket (Yjs):

• Cursores de colaboradores visibles con colores especificos de usuario
• Varios usuarios pueden dibujar y editar simultaneamente
• Cambios son conflict-free y eventually consistent

Pan y zoom#

• Herramienta Hand — Clic y arrastre para desplazar
• Boton central del raton — Desplazar (funciona con cualquier herramienta seleccionada)
• Rueda de desplazamiento — Acercar/alejar
• Pan tiene inercia — continua brevemente tras soltar
• Nueva entrada cancela deslizamiento

Restablece vista desde menu superior de desbordamiento → Reset View.

Atajos de teclado#

• Q — Deshacer
• E — Rehacer
• V — Point Select
• P — Herramienta Pen
• B — Herramienta Brush
• A — Herramienta Arrow
• Delete / Backspace — Eliminar seleccionado
• Ctrl+Z — Deshacer
• Ctrl+Shift+Z — Rehacer

Abre referencia completa de atajos desde menu superior de desbordamiento → Shortcuts.