Atributos

El panel de atributos está formado por secciones, y cada tipo de elemento muestra las que le corresponden. Esta página describe cada sección una sola vez y dice qué elementos la tienen.

• Sin nada seleccionado, los mismos controles fijan los valores que usará la herramienta activa.
• Todos los campos numéricos aceptan un cálculo en lugar de un número, como 100/3. Consulta Expresiones matemáticas.

Tomar atributos de otro elemento

Todos los atributos que muestran el botón cuentagotas pueden copiarse directamente de un elemento del tablero en lugar de fijarlos a mano.

• Operación: pulsa el cuentagotas de cada atributo que quieras, o el de la cabecera de una sección para seleccionar todos los atributos de esa sección, y luego haz clic en un elemento del tablero.
• Resultado: todos los atributos seleccionados que tenga el elemento pulsado se copian a la selección.
• Consejo: también funciona con una herramienta de creación activa, así que puedes tomar un estilo antes de crear un elemento.

Atributos de una selección múltiple

Con varios elementos seleccionados, el panel muestra solo las secciones que todos comparten. Un control muestra su valor cuando todos los elementos seleccionados tienen el mismo. Cuando difieren, un campo muestra ---, y los interruptores Prop. bloqueada, Proporcional y Fijar a pantalla muestran una línea corta bajo su icono. Cambiar un control aplica el nuevo valor a todos los elementos seleccionados.

Información de la selección

La muestra toda selección salvo las cámaras, que usan la sección Cámara, y una mezcla de flechas y otros elementos. La sección lleva el nombre del tipo de elemento seleccionado. Muestra información sobre el elemento entero, o sobre las asas seleccionadas mientras se edita un elemento.

Todos los elementos

Lo muestran todos los elementos.

• X: la posición horizontal del pivote del elemento. Dentro de un marco, se mide desde el marco.
• Y: la posición vertical del pivote, también medida desde el marco dentro de uno. Hacia dónde crece depende de la dirección del eje Y de los ajustes de interfaz.
• W: el ancho del elemento.
• H: el alto del elemento.
• Rotación: el ángulo alrededor del pivote.
• Opacidad: la transparencia del elemento entero, trazo y relleno incluidos.

Radio de esquinas

Lo muestran rectángulos, imágenes, videos, tablas, tarjetas de archivo, elementos de audio, texto enriquecido, texto de código, contenidos web y elementos HTML.

• Radio de esquinas: redondea las esquinas del elemento.

Prop. bloqueada

Lo muestran todos los elementos salvo texto, texto enriquecido, texto sobre trazado, texto de código, flechas, tarjetas de archivo y elementos de audio.

• Prop. bloqueada: mantiene la proporción entre ancho y alto al cambiar el tamaño.

Proporcional

Lo muestran, mientras Prop. bloqueada está activa, los elementos que tienen algo que escalar junto con su tamaño: vectores con trazo o relleno de patrón, imágenes con trazo o relleno en mosaico, contenidos web con trazo, videos y elementos HTML. Un texto lo muestra siempre que tenga contorno.

• Proporcional: escala el grosor del trazo, los guiones, el rayado y los mosaicos junto con el elemento, de modo que conserva su aspecto al cambiar de tamaño.

Elementos geométricos

Lo muestran los elementos geométricos.

• Geometría: cambia entre rectángulo, elipse, rombo y triángulo.
• Ángulo de barrido: en las elipses, cuánto del círculo completo cubre el arco, de 1 a 360 grados, convirtiendo el elemento en un arco o un sector.
• Ángulo inicial de barrido: en las elipses, dónde empieza el arco. Se muestra mientras el ángulo de barrido es menor de 360.

Flechas

Las flechas sustituyen la posición, el tamaño y la rotación por sus propias coordenadas.

• En las flechas que no son circulares:
  • Xs: la posición horizontal del punto inicial.
  • Ys: la posición vertical del punto inicial.
  • Xe: la posición horizontal del punto final.
  • Ye: la posición vertical del punto final.
• En las flechas circulares:
  • Xc: la posición horizontal del punto central.
  • Yc: la posición vertical del punto central.
  • R: el radio del círculo.
  • Ángulo de la flecha: cuánto del círculo recorre la flecha.
• Opacidad: la transparencia de toda la flecha.

Texto sobre trazado

Se muestra en lugar de la posición y el tamaño.

• Distancia del ancla a lo largo del trazado: el punto del contorno al que se ancla el texto, medido desde el inicio del contorno.
• Posición del ancla como porcentaje de la longitud del trazado: el mismo lugar, como fracción de la longitud del contorno.
• Distancia al trazado: a qué distancia del contorno quedan las letras. 0 es la separación normal; los valores positivos alejan las letras y los negativos las acercan, hasta el contorno o al otro lado.
• Opacidad: la transparencia de todo el texto.

Marcos

Lo muestran los marcos que no están dentro de un grupo ni de un marco fijado.

• Fijar a pantalla: mantiene el marco fijo en la pantalla mientras se mueve la cámara del tablero.

Info

La muestra un solo texto, texto enriquecido o contenido web seleccionado, como una lista que puedes abrir al final de la sección.

• En el texto y el texto enriquecido: Caracteres totales, Número de palabras, Tiempo de lectura y Longitud máxima de línea (caracteres aprox.).
• En el contenido web: el Tipo de contenido y su URL, con un enlace Abrir.

Filtro

Un filtro cambia cómo se dibuja un elemento sin cambiar el elemento en sí, pasando su imagen por una cadena de primitivas de filtro SVG, como un desenfoque o una sombra, aplicadas en orden. Da un filtro a un elemento con Añadir atributos de filtro al elemento en el panel de acciones. Consulta Filtros de elementos.

La muestra cualquier elemento que tenga un filtro. Con varios elementos seleccionados, aparece cuando sus cadenas tienen las mismas primitivas en el mismo orden.

• Añadir primitiva de filtro: añade una primitiva al final de la cadena.
  • blur: suaviza el elemento.
  • dropShadow: añade una sombra tras el elemento.
  • morphology: engrosa o adelgaza los bordes del elemento.
  • turbulence: genera ruido, para texturas y distorsiones.
  • blend: mezcla dos entradas con un modo de fusión.
  • composite: combina dos entradas según su transparencia.
  • displacement: distorsiona una entrada usando otra como mapa.
  • colorMatrix: recolorea el elemento mediante una matriz de color.
  • convolveMatrix: enfoca, realza o desenfoca mediante un núcleo.
  • componentTransfer: reasigna cada canal de color, para contraste y niveles.
  • specularLight: añade un brillo de iluminación.
  • diffuseLight: añade una iluminación suave.
  • flood: rellena la región con un solo color.
  • offset: desplaza la entrada una distancia.
  • merge: apila varias entradas unas sobre otras.
  • tile: repite la entrada como mosaico.
  • image: incorpora una imagen externa como entrada.
• Filtros: la cabecera de la cadena, que aparece cuando tiene una primitiva.
  • Ajustes del filtro: la región que cubre el filtro, como porcentaje del elemento, y la interpolación de color que usa.
  • Visibilidad del filtro: activa o desactiva el filtro entero sin eliminarlo.
  • Eliminar todas las primitivas de filtro: vacía la cadena.
• Para cada primitiva de la cadena:
  • Asa de arrastre: mueve la primitiva arriba o abajo en la cadena.
  • Nombre del filtro: haz clic en el nombre para renombrar la primitiva. Hasta entonces muestra el identificador de la primitiva.
  • Ajustes de la primitiva: abre los valores propios de la primitiva, sus entradas y su Región personalizada.
  • Visibilidad de la primitiva: activa o desactiva esa primitiva.
  • Eliminar primitiva de filtro: la elimina de la cadena.

Máscara

Una máscara oculta parte de un elemento: un elemento, la máscara, decide qué área de otro elemento, el enmascarado, queda visible. La máscara puede usar su contorno o su brillo, y puede mostrar el área interior o la exterior. Da una máscara a un elemento con Añadir atributos de máscara al elemento en el panel de acciones; consulta Máscaras.

La muestran los elementos enmascarados y los elementos usados como máscara.

• Añadir máscara: te deja hacer clic en un elemento del tablero para usarlo como máscara de la selección.
• Quitar como máscara: hace que el elemento seleccionado deje de enmascarar a otros.
• Modo: qué lado de la máscara queda visible.
  • Interior: solo se muestra el área que cubre la máscara.
  • Exterior: solo se muestra el área alrededor de la máscara.
• Tipo de máscara: cómo define su área el elemento de máscara. Un solo botón muestra el tipo actual, y su tooltip lo nombra; haz clic en él para cambiar al otro. Las máscaras nuevas empiezan con Geometría.
  • Geometría: usa el contorno del elemento de máscara. Rápido, e ignora la transparencia.
  • Luminancia: usa el brillo del elemento de máscara, así que funcionan los bordes suaves y la transparencia. Más lento. Una máscara completamente blanca se comporta como Geometría; los grises revelan a medias.
• Mostrar u ocultar máscara: activa o desactiva todas las máscaras de la selección sin eliminarlas.
• Eliminar máscara: elimina todas las máscaras de la selección.
• Máscaras: la lista de máscaras de la selección. Para cada máscara:
  • Nombre de la máscara: haz clic en el nombre para cambiarlo. Las máscaras se llaman Máscara 0, Máscara 1, y así sucesivamente hasta que lo haces.
  • Seleccionar elemento de máscara: selecciona el elemento de máscara en el tablero. Mantén Mayús al hacer clic para añadirlo a la selección actual. Al pasar el puntero por este botón se resalta.
  • Mostrar u ocultar máscara: activa o desactiva esa máscara.
  • Eliminar máscara: elimina esa máscara de la selección.

Trazo

El trazo es la línea con la que se dibuja un elemento: el contorno de un rectángulo o de una imagen, la línea de un trazado o de una flecha, el borde de un marco o de una tabla. Estos atributos se aplican a todas las líneas que dibuja el elemento.

La muestran los vectores, las flechas, las imágenes, los vídeos, las tarjetas de archivo, los elementos de audio, las tablas, los marcos, el texto enriquecido, el contenido web, el texto de código y los elementos HTML. Los elementos de texto y los PDF no tienen trazo.

Trazo básico

Lo muestran todos los elementos con sección de Trazo.

• Estilo de trazo: el tipo de línea. El estilo decide qué controles de los siguientes aparecen.
  • Sin trazo: ninguna línea. Las flechas no lo ofrecen.
  • Trazo sólido: una línea continua.
  • Trazo discontinuo: una línea hecha de guiones.
• Color de trazo: el color de la línea.
• Opacidad de trazo: la transparencia de la línea por sí sola.
• Grosor de trazo: el grosor de la línea.

Trazos discontinuos

Se muestran mientras el estilo de trazo es discontinuo.

• Separación del trazo: el espacio entre guiones.
• Longitud del guion de trazo: la longitud de cada guion.

Trazos a mano alzada

Los muestran los vectores, las flechas, las tablas, las tarjetas de archivo y los elementos de audio, que ofrecen un cuarto estilo de trazo.

• Trazo a mano alzada: una línea que imita una dibujada a mano. Añade:
  • Estrechamiento de trazo: cuánto varía el grosor a lo largo de la línea, de 0 a 1.

Presión del lápiz

La muestran los elementos a mano alzada dibujados con un lápiz sensible a la presión, mientras su estilo de trazo es a mano alzada.

• Usar presión del lápiz: varía el grosor con la presión registrada al dibujar. Un elemento dibujado con un lápiz empieza con este control activado. Desactivado, el grosor sigue la velocidad del trazo.

Rugosidad de trazo

La muestran los vectores, las flechas, las tablas, las tarjetas de archivo y los elementos de audio mientras el trazo es sólido o discontinuo.

• Rugosidad de trazo: cuánto se aleja la línea de la forma exacta, como en un boceto. Cuando es mayor que 0 aparecen dos opciones más:
  • Multitrazo: dibuja la línea dos veces, como en un boceto.
  • Vértices rugosos: deja que la rugosidad mueva también las esquinas.

Trazo cerrado

Lo muestran los trazados, los elementos a mano alzada, las polilíneas y las elipses parciales.

• Trazo cerrado: une el último punto de un trazado abierto con el primero.

Suavizado de curva de trazo

Lo muestran los trazados, los elementos a mano alzada y las polilíneas.

• Suavizado de curva de trazo: cuánto se suaviza la línea del elemento al dibujarse, sea cual sea su estilo de trazo.
  • La línea se dibuja pasando por los puntos del elemento. El suavizado atrae cada punto de la línea dibujada hacia el anterior, en la medida que fijes.
  • A 0 la línea pasa por cada punto tal como se registró, pequeños temblores incluidos.
  • Los valores más altos eliminan los temblores y dan una línea más serena. A cambio, las esquinas marcadas se redondean, porque la línea las atraviesa por dentro.
  • Solo cambia cómo se dibuja la línea. Los puntos del elemento se quedan donde están, así que puedes cambiarlo en cualquier momento, en un sentido o en otro.

Desfase personalizado

Lo muestran las flechas verticales, horizontales, diagonales y circulares.

• Desfase personalizado: da a las líneas de desfase un estilo propio distinto del de la flecha. Las líneas de desfase son las líneas finas que unen la flecha con sus dos extremos después de arrastrar su punto medio.

Relleno

El relleno es lo que cubre el interior de un elemento: un color plano, un rayado dibujado a mano, un degradado o una imagen.

La muestran los vectores, las imágenes, los vídeos, los documentos, las tarjetas de archivo, los elementos de audio, las tablas, los marcos, el texto enriquecido, el contenido web, los elementos HTML y el texto de código. Las flechas y los elementos de texto no tienen relleno.

Relleno básico

Lo muestran todos los elementos con sección de Relleno salvo los vídeos, los documentos, el contenido web y los elementos HTML. Los marcos, el texto enriquecido, las tarjetas de archivo, los elementos de audio y las tablas ofrecen solo estos controles. El texto de código ofrece solo el color y la opacidad: su caja siempre es un color plano, y el color también elige la paleta de la sintaxis. Los documentos EPUB muestran un control de color para sus páginas y el espacio que las rodea; las páginas quedan blancas cuando el color es transparente. Los PDF y los cómics no tienen control de color de relleno, tampoco en selecciones mixtas.

• Estilo de relleno: el tipo de relleno. El estilo decide qué controles de los siguientes aparecen.
  • Sin relleno: el interior queda vacío.
  • Relleno sólido: un solo color plano.

Color de relleno

Opacidad de relleno

Rellenos rayados

Los muestran los vectores y las imágenes como tres estilos de relleno más. Color de relleno colorea entonces las líneas.

• Relleno rayado: líneas paralelas dibujadas a mano.
• Relleno zigzag: una sola línea continua en zigzag.
• Relleno de rayado cruzado: dos grupos de líneas que se cruzan.
• En estos tres rellenos:
  • Color de fondo del relleno: un color plano bajo las líneas.
  • Opacidad del fondo del relleno: la transparencia de ese fondo.
  • Rugosidad del relleno: cuánto se desvían las líneas de la recta.
  • Grosor del rayado: el grosor de las líneas.
  • Separación del rayado: el espacio entre líneas.
  • Ángulo del rayado: la dirección de las líneas.

Rellenos degradados

Los muestran los vectores y las imágenes como dos estilos de relleno más. Sus paradas y puntos se muestran con un solo elemento seleccionado.

• Relleno de degradado lineal: colores que se funden a lo largo de una línea.
• Relleno de degradado radial: colores que se funden desde un centro.
• En ambos degradados:
  • Color del degradado: el color de la parada seleccionada.
  • Opacidad del degradado: la transparencia de la parada seleccionada.
  • Desfase del degradado: en qué punto del degradado está la parada seleccionada.
  • Extensión: qué rellena el elemento más allá de los extremos del degradado.
    • Extender: el primer y el último color continúan hacia fuera.
    • Reflejar: el degradado va y vuelve, reflejado cada vez.
    • Repetir: el degradado vuelve a empezar desde el primer color cada vez.
• Solo en los rellenos de degradado lineal:
  • X1: la posición horizontal del punto inicial.
  • Y1: la posición vertical del punto inicial.
  • X2: la posición horizontal del punto final.
  • Y2: la posición vertical del punto final.
• Solo en los rellenos de degradado radial:
  • Cx: la posición horizontal del centro del círculo.
  • Cy: la posición vertical del centro del círculo.
  • W: el ancho del círculo.
  • H: el alto del círculo.
  • Después de hacer doble clic en el asa del degradado:
    • Fx: la posición horizontal del punto más brillante.
    • Fy: la posición vertical del punto más brillante.

Rellenos de imagen

Los muestran los vectores y las imágenes como un estilo de relleno más. En los vectores añade también Pegar del portapapeles, el cuentagotas de Archivo de origen y la Info de la sección Archivo de imagen.

• Relleno de imagen: una imagen pintada dentro del elemento. Sus controles:
  • Reemplazar: elige otro archivo de imagen.
  • An y Al: el ancho y el alto de la imagen, en unidades del tablero. Un relleno de imagen nuevo conserva las proporciones de la imagen y cubre el elemento. En las imágenes, definen el tamaño de cada mosaico.
  • Mantener proporciones de la imagen: conserva las proporciones de la imagen al cambiar el ancho o el alto, o al cambiar el tamaño del elemento. Desactivado, la imagen se estira con el elemento.
  • Rotación del relleno de imagen: el ángulo de la imagen, de -360 a 360 grados. Solo en los vectores.
  • Mosaicos: repite la imagen por todo el elemento. Sin ellos, la imagen se pinta una vez y el resto del elemento queda vacío.
  • Posición: arrastra el control del centro de la imagen para moverla. Solo en los vectores.

Contenido incrustado

Lo muestran los elementos que alojan una página web. La página es dueña de su propio fondo, así que la sección Relleno ofrece estos dos controles en vez de un estilo de relleno.

• Escala: el tamaño de ventana que la página cree tener, de 0,1 a 100. Con 1 la página se dispone para el tamaño del propio elemento. Bájala para que quepa más página, dibujada más pequeña; súbela para agrandar textos y controles que salen demasiado pequeños.
• Opacidad de relleno: la transparencia de la página.

Archivo de imagen

Lo muestran las imágenes, dentro de su sección Relleno, ya que la imagen es el relleno.

• Reemplazar: cambia la imagen por otro archivo de imagen de tu dispositivo. El elemento mantiene su ancho y adopta las proporciones del nuevo archivo.
• Pegar del portapapeles: cambia la imagen por una imagen copiada al portapapeles.
• Cuentagotas de Archivo de origen: copia el archivo de otro elemento para que ambos lo compartan. Consulta Compartir una imagen entre elementos.
• Info, una lista de solo lectura con los datos del archivo:
  • Tamaño: el tamaño del archivo.
  • Tamaño de las capas de imagen: en una imagen pintada en el editor de imágenes, el tamaño de sus capas.
  • Tipo de archivo: el formato del archivo.
  • Archivo de origen: el nombre del archivo tal como se añadió.
  • Resolución: el tamaño en píxeles.
  • URL: en una imagen importada desde una dirección web, esa dirección.
  • Icono, Colección, Autor y Licencia: en un icono colocado desde la biblioteca de iconos, de dónde procede, con Copiar atribución para copiar la línea de crédito.

Archivo de vídeo

Lo muestran los vídeos, dentro de su sección Relleno, ya que el vídeo es el relleno.

• Reemplazar: cambia el vídeo por otro archivo de vídeo de tu dispositivo. El elemento mantiene su ancho y adopta las proporciones del nuevo archivo.
• Cuentagotas de Archivo de origen: copia el archivo de otro vídeo para que ambos lo compartan, cada uno con su propio clip. Consulta Compartir un vídeo entre elementos.
• Opacidad de relleno: la transparencia del vídeo.
• Info, una lista de solo lectura con los datos del archivo:
  • Tamaño: el tamaño del archivo.
  • Tipo de archivo: el formato del archivo.
  • Archivo de origen: el nombre del archivo tal como se añadió.
  • Resolución: el tamaño en píxeles.
  • Duración: la duración del vídeo.
  • Tasa de bits total, Tasa de bits de vídeo y Tasa de bits de audio: cuántos datos por segundo usan el archivo, su pista de vídeo y su pista de audio.
  • FPS: los fotogramas por segundo.
  • Audio: si el archivo tiene pista de audio.
  • Proveedor, Origen e Id de vídeo: en un vídeo de un proveedor como YouTube, dónde está alojado y su dirección.

Archivo PDF

La sección Relleno conserva los controles del archivo, la opacidad y la información de los documentos. Los libros EPUB muestran también Color de página. Los PDF y los cómics conservan los colores originales de sus páginas y el espacio que las rodea queda transparente.

• Reemplazar documento: elige un PDF, un EPUB o un archivo de cómic de tu dispositivo (Añadir documento si el elemento no tiene archivo). La caja conserva su tamaño y la lectura empieza al principio del nuevo archivo. Reemplazar un PDF elimina sus anotaciones.
• Opacidad de relleno: la transparencia del documento.
• Info, una lista de solo lectura con los datos del archivo:
  • Tamaño: el tamaño del archivo.
  • Tipo de archivo: el formato del archivo.
  • Archivo de origen: el nombre del archivo tal como se añadió.
  • Páginas: el número de páginas.
  • Tipo de PDF: si el documento es de texto, de imágenes, escaneado, mixto o desconocido.

Estilo de texto

El estilo de texto es la tipografía del texto de un elemento: qué tipografía usa, cómo de grande es y cómo se coloca dentro de su caja.

La muestran:

• el texto y el texto sobre trazado
• los elementos geométricos y las flechas con etiqueta
• los marcos, las tarjetas de archivo y los elementos de audio, para su nombre
• el texto de código, y los elementos HTML y los paneles de lente de cámara para su panel de código

El texto enriquecido da formato a su texto en línea.

Tipografía

La muestran todos los elementos con sección de Estilo de texto.

Estilo de fuente y familia tipográfica

Variante de fuente

Tamaño de fuente

Espaciado entre letras

Interlineado

Lo muestran el texto y el texto de código, los vectores y las flechas para su etiqueta, y los elementos HTML y los paneles de las lentes de cámara mientras su panel de código está abierto.

• Interlineado: el espacio entre líneas.

Alineación horizontal

La muestran el texto, y los vectores y las flechas para su etiqueta.

• Alineación horizontal: dónde se colocan las líneas a lo ancho de la caja.
  • Alinear a la izquierda
  • Alinear al centro
  • Alinear a la derecha

Alineación vertical

La muestran los elementos geométricos para su etiqueta.

• Alineación vertical: dónde se coloca el bloque de texto a lo alto de la caja.
  • Alinear arriba
  • Alinear al medio
  • Alinear abajo

Voltear texto

Lo muestra solo el texto sobre trazado.

• Voltear texto: pasa el texto al otro lado del trazado.

Relleno de texto

El relleno de texto es el color del interior de los caracteres. Sin relleno solo queda el contorno, si lo hay.

La muestran el texto, el texto sobre trazado, las tarjetas de archivo, los elementos de audio, y los elementos geométricos y las flechas con etiqueta.

Los libros electrónicos EPUB usan Relleno de texto para cambiar el color de sus caracteres.

• Estilo de relleno del texto: si los caracteres están rellenos. El estilo decide qué controles de los siguientes aparecen.
  • Sin relleno: los caracteres quedan huecos.
  • Relleno sólido: los caracteres se rellenan con un solo color plano.

Color de relleno del texto

Lo muestra el relleno de texto sólido.

• Color de relleno del texto: el color de los caracteres.

Opacidad de relleno del texto

La muestra el relleno de texto sólido.

• Opacidad de relleno del texto: la transparencia de ese color.

Contorno de texto

El contorno de texto es la línea que se dibuja alrededor de cada carácter, por encima o por detrás de su relleno.

La muestran el texto, el texto sobre trazado, las tarjetas de archivo, los elementos de audio, y los elementos geométricos y las flechas con etiqueta.

• Estilo de trazo del texto: si los caracteres tienen contorno. El estilo decide qué controles de los siguientes aparecen.
  • Sin trazo: sin contorno.
  • Trazo sólido: un contorno continuo.
• Solo en el trazo sólido:
  • Color de trazo del texto: el color del contorno.
  • Opacidad de trazo del texto: la transparencia del contorno.
  • Grosor de trazo del texto: el grosor del contorno.
  • Sobre el relleno: dibuja el contorno por encima del relleno en lugar de por detrás, de modo que cubre parte de cada carácter. Lo tienen los textos, las flechas y los elementos de geometría, mientras el texto tiene relleno.

Portada

El contenido en vivo, como un vídeo en reproducción, una página web integrada o un elemento HTML interactivo, usa más recursos de tu dispositivo que un dibujo. La activación decide cuándo despierta el contenido, y la portada es la imagen fija que muestra el elemento mientras descansa.

El propio tablero no puede dibujar el contenido en vivo, así que capturar una portada a partir de él, o convertirlo en imagen, funciona dejando que el navegador haga una captura de pantalla de la pestaña. El navegador pide ese permiso una vez por sesión, y la vista se mueve al elemento un instante para que la captura lo tenga lo más grande posible.

La muestran los vídeos, el contenido web integrado y los elementos HTML.

• Activación: cuándo se ejecuta el contenido.
  • Activo: se ejecuta siempre que el elemento está visible.
  • Automático: se ejecuta cuando el dispositivo tiene capacidad para ello.
  • Manual: espera a un clic en el elemento, y vuelve a descansar cuando el elemento sale del tablero visible.
  • En los dispositivos con poca memoria, el contenido web integrado y los elementos HTML esperan un clic sea cual sea su activación. En el reproductor, los móviles y las tabletas siempre esperan un toque.
• Portada: la imagen que se muestra mientras el contenido descansa.
  • Capturar: toma la portada del propio contenido.
  • Elegir imagen: usa un archivo de imagen de tu dispositivo como portada.
  • Pegar imagen del portapapeles: usa la imagen del portapapeles como portada.
  • Quitar portada: elimina la portada. Se muestra cuando el elemento ya tiene portada.
  • Cuando el elemento ya tiene portada, Capturar pasa a ser Recapturar y Elegir imagen pasa a ser Reemplazar. Capturar funciona con un solo elemento seleccionado, y pone a descansar un elemento en ejecución.
• Solo en los vídeos de proveedores:
  • Ocultar la interfaz del reproductor en las capturas: reproduce el vídeo en silencio antes de capturarlo, para que los controles y las superposiciones del reproductor desaparezcan de la portada.

Información de recorte

El recorte muestra solo una ventana de una imagen o un vídeo y oculta el resto, sin perderlo. Mientras recortas, esta sección ofrece la ventana en números, medidos sobre el contenido completo sin recortar.

La muestran las imágenes y los vídeos durante el recorte.

• X: la distancia desde el borde izquierdo del contenido completo hasta la ventana.
• Y: la distancia desde el borde superior del contenido completo hasta la ventana.
• W: el ancho de la ventana.
• H: el alto de la ventana.

Información de deformación

La deformación distorsiona una imagen o un vídeo moviendo sus cuatro esquinas por separado, de modo que una imagen plana puede colocarse sobre una superficie inclinada o en perspectiva. Arrastra un asa de esquina en el tablero para deformar, y haz doble clic en un asa para restablecer esa esquina. Esta sección ofrece las esquinas en números: cada una tiene un valor horizontal y otro vertical de 0 a 1, donde 0 y 1 son los bordes de la caja del elemento.

La muestran las imágenes y los vídeos durante el recorte, junto con la información de recorte.

• Top left: la posición horizontal y vertical de la esquina superior izquierda.
• Top right: la posición horizontal y vertical de la esquina superior derecha.
• Bottom left: la posición horizontal y vertical de la esquina inferior izquierda.
• Bottom right: la posición horizontal y vertical de la esquina inferior derecha.

Código

El texto de código muestra código con resaltado de sintaxis y ayudas de edición para el lenguaje que contiene. Estos atributos fijan el lenguaje y el aspecto del editor; la tipografía del código viene de la sección Estilo de texto.

La muestran el texto de código, y los elementos HTML y los paneles de lente de cámara cuando su panel de código está abierto.

• Lenguaje: el lenguaje usado para resaltar la sintaxis: Plain text, JavaScript, HTML, CSS, JSON, Python o Markdown. Los elementos HTML usan siempre HTML.
• Fondo: el color de fondo del panel de código. Lo muestran los elementos HTML y los paneles de código de las lentes de cámara; la caja del texto de código se colorea en su sección Relleno.
• Numeración: muestra un número junto a cada línea. Se muestra mientras el margen está activado.
• Ajuste: ajusta las líneas largas en lugar de desplazarlas hacia los lados.
• Margen: muestra la franja con los números de línea, las marcas de plegado y las marcas de error junto al código. Oculto, el código no se mueve.
• Escala: reduce o amplía todo el panel de código junto al elemento, de 0,1 a 4. Se muestra con un elemento HTML o un panel de lente de cámara seleccionado.

Estilo de flecha

El estilo de flecha es la forma de los extremos de una flecha, cómo va de uno a otro y qué muestra su etiqueta.

La muestran las flechas y las herramientas de flecha y de medida mientras están activas.

• Marcador inicial: el extremo dibujado al principio de la flecha.
  • Sin marcador inicial
  • Flecha
  • Círculo
  • Triángulo
  • Triángulo invertido
  • Cuadrado
  • Diamante
  • Barra
• Tamaño del marcador inicial: el tamaño del marcador inicial.
• Marcador final: el extremo dibujado en la punta de la flecha.
  • Sin marcador final
  • Flecha
  • Círculo
  • Triángulo
  • Triángulo invertido
  • Cuadrado
  • Diamante
  • Barra
• Tamaño del marcador final: el tamaño del marcador final. Se muestra mientras hay un marcador final.
• Bloqueo de proporción de tamaño de marcador: cambia los dos tamaños en la misma cantidad al cambiar uno de ellos.
• Tipo de flecha: cómo va la flecha de un extremo al otro.
  • free: una línea recta entre sus dos extremos, que puedes curvar arrastrando su punto medio.
  • vertical: una flecha vertical. Arrastrar su punto medio la desplaza hacia los lados, y unas líneas de desfase finas la unen con sus dos extremos.
  • horizontal: una flecha horizontal. Arrastrar su punto medio la desplaza arriba o abajo, y unas líneas de desfase finas la unen con sus dos extremos.
  • diagonal: una flecha recta en la dirección de sus dos extremos. Arrastrar su punto medio la desplaza hacia los lados, y unas líneas de desfase finas la unen con sus dos extremos.
  • circular: un arco. Se ofrece en cuanto al menos una de las flechas seleccionadas es circular.
  • elbow: un trazado de segmentos horizontales y verticales.
  • bezier: una curva suave.
  • custom: un trazado que dibujas punto a punto.
• Solo en las flechas libres, verticales, horizontales, diagonales y circulares:
  • Origen del texto: qué muestra la etiqueta: un texto propio (custom), la distancia medida (distance) o el ángulo medido (angle).
  • Decimales del texto: cuántos decimales muestra el valor medido, de 0 a 5. Se muestra mientras la etiqueta muestra una distancia o un ángulo.

Trazo secundario

La muestran las flechas verticales, horizontales, diagonales y circulares cuando Desfase personalizado está activo. Da estilo a las líneas de desfase que unen la flecha con sus dos extremos.

• Estilo del trazo secundario: el tipo de línea.
  • Trazo a mano alzada
  • Trazo sólido
  • Trazo discontinuo
• Color del trazo secundario: el color de las líneas adicionales.
• Opacidad del trazo secundario: su transparencia.
• Grosor del trazo secundario: su grosor.
• Solo en las líneas sólidas y discontinuas:
  • Rugosidad del trazo secundario: cuánto se alejan las líneas del trazado exacto. Cuando es mayor que 0 aparecen dos opciones más:
    • Multitrazo: dibuja las líneas dos veces.
    • Vértices rugosos: deja que la rugosidad mueva también las esquinas.
• Solo en las líneas discontinuas:
  • Separación del trazo secundario: el espacio entre guiones.
  • Longitud del guion del trazo secundario: la longitud de cada guion.
• Solo en las líneas a mano alzada:
  • Estrechamiento de trazo: cuánto varía su grosor.

Estilos del contenido

Un elemento de texto enriquecido tiene su propio editor de texto, donde escribes párrafos, títulos, listas, enlaces y bloques de código. Esta sección funciona de dos maneras. Sin texto seleccionado, fija los estilos de todo el elemento. Con texto seleccionado en el editor, se llama Estilos de la selección y cambia solo ese texto.

La muestra el texto enriquecido.

Sin selección

La sección fija los estilos de todo el elemento.

• Opacidad del contenido: la transparencia de todo el texto.
• Texto normal, un grupo con los ajustes del texto de párrafo:
  • Estilo de fuente: la familia de tipografías.
  • Familia tipográfica: la tipografía.
  • Variante de fuente: el peso o la inclinación.
  • Interlineado: el espacio entre líneas.
  • Color de fuente: el color del texto de párrafo.
  • Tamaño de fuente: el tamaño del texto de párrafo.
  • Color de título 1: el color de los títulos de nivel 1.
  • Escala de tamaño de título 1: su tamaño respecto al texto de párrafo.
  • Color de título 2: el color de los títulos de nivel 2.
  • Escala de tamaño de título 2: su tamaño respecto al texto de párrafo.
  • Color de título 3: el color de los títulos de nivel 3.
  • Escala de tamaño de título 3: su tamaño respecto al texto de párrafo.
  • Color de resaltado: el color de fondo del texto resaltado.
• Texto de código, un grupo con los ajustes de los bloques de código:
  • Estilo de fuente: la familia de tipografías.
  • Familia tipográfica: la tipografía.
  • Variante de fuente: el peso o la inclinación.
  • Interlineado: el espacio entre líneas.
  • Tamaño de fuente: el tamaño del texto de código.
  • Color de fondo del bloque de código: el fondo tras los bloques de código.
  • Lenguaje del bloque: el lenguaje del bloque de código en el que está el cursor. Se muestra mientras el cursor está en uno.

Con texto seleccionado

La sección se llama Estilos de la selección y cambia solo el texto seleccionado.

• Color de texto: el color del texto seleccionado.
• Color de resaltado: el color de fondo tras el texto seleccionado. Se muestra cuando ese texto está resaltado.
• Estilo de fuente: el estilo de fuente del texto seleccionado.

Controles

Estos controles fijan la interfaz del reproductor y la reproducción del vídeo del elemento.

La muestran los vídeos.

• Línea de tiempo: muestra la línea de tiempo del vídeo debajo de él.
• Reproductor: muestra los botones de reproducción.
• Aislar clip: hace que el reproductor sobre el elemento muestre solo el clip entre los instantes de inicio y fin, como si el resto del vídeo no existiera. Se muestra mientras Línea de tiempo está activa.
• Reproductor interno: usa los controles propios del vídeo, los del proveedor o los del navegador, en lugar de los de Irakasi.
• Mini reproductor: muestra la versión compacta de los botones de reproducción. Se muestra mientras Reproductor está activo.
• Botones de reproducción: los mismos controles que el elemento dibuja en el tablero.
  • Reproducir hasta el inicio: vuelve al inicio del clip.
  • Reproducir: inicia o pausa la reproducción.
  • Reproducir hasta el final: salta al final del clip.
  • Repetición: vuelve a reproducir el clip cuando termina.
• Ti: el instante en que empieza el clip.
• Tf: el instante en que termina el clip.
• T: el instante actual. Cuando el clip no empieza en cero, se divide en dos:
  • Tab: el tiempo absoluto, contado desde el inicio del vídeo completo.
  • Tre: el tiempo relativo, contado desde el inicio del clip.
• Velocidad de reproducción: la velocidad del vídeo, como multiplicador.
• Volumen: el volumen del vídeo.

Ajustes de tabla

Una tabla es una cuadrícula de filas y columnas que se muestra a través de una ventana desplazable: la caja del elemento es la ventana, y la cuadrícula de dentro puede ser mayor que ella. Estos ajustes se aplican a toda la tabla. Al seleccionar celdas, el panel se sustituye por las secciones de celda descritas en la página Tablas.

La muestran las tablas cuando está seleccionada la tabla entera.

• Solo en las tablas vacías:
  • Filas: cuántas filas iguales llenan la caja.
  • Columnas: cuántas columnas iguales llenan la caja.
• Alto predeterminado de fila: el alto que reciben las filas nuevas.
• Ancho predeterminado de columna: el ancho que reciben las columnas nuevas.
• Escala del contenido: amplía o reduce juntos las filas, las columnas y el texto dentro de la ventana, sin cambiar sus tamaños.
• Tipografía, un grupo con los ajustes de texto predeterminados de todas las celdas. Una celda puede sobrescribirlos desde su propia sección.
  • Categoría de fuente de tabla: la familia de tipografías.
    • Sans Serif
    • Serif
    • Manuscrita
    • Mono
    • Display
  • Familia de fuente de tabla: la tipografía, dentro de la categoría elegida.
  • Variante de fuente de tabla: el peso o la inclinación de esa tipografía.
  • Interlineado de tabla: el espacio entre líneas.
  • Color de texto de tabla: el color del texto de párrafo.
  • Tamaño de fuente de tabla: el tamaño del texto de párrafo.
  • Color de encabezado 1: el color de los encabezados de nivel 1.
  • Tamaño de encabezado 1: su tamaño respecto al texto de párrafo.
  • Color de encabezado 2: el color de los encabezados de nivel 2.
  • Tamaño de encabezado 2: su tamaño respecto al texto de párrafo.
  • Color de encabezado 3: el color de los encabezados de nivel 3.
  • Tamaño de encabezado 3: su tamaño respecto al texto de párrafo.
  • Resaltado de tabla: el color de fondo del texto resaltado.

Cámara

Un elemento de cámara marca un área concreta del tablero. Después puedes tomar imágenes de esa área o guiar la cámara del tablero hasta ella.

La muestran las cámaras.

• Nombre: el nombre de la cámara, tal como aparece en la pestaña Cámaras del panel lateral. Cada cámara necesita un nombre propio, así que se rechaza un nombre que ya tiene otra cámara.
• Ancho de la imagen exportada: el ancho, en píxeles, de las imágenes y vídeos capturados a través de esta cámara.
• Alto de la imagen exportada: su alto, en píxeles.
• Proporción: la proporción de la cámara. Escríbela como una razón, como 16 o 16/9, o como un número decimal. El ancho se mantiene y el alto se ajusta.
• Prop. bloqueada: mantiene esa proporción al cambiar el tamaño. Activa, cambiar un tamaño de imagen exportada cambia también el otro. Desactivada, la cámara toma la nueva proporción.
• X: la posición horizontal del encuadre en el tablero.
• Y: la posición vertical del encuadre.
• W: el ancho del encuadre.
• H: el alto del encuadre.
• Zoom: el tamaño de exportación dividido entre el tamaño en el tablero. Subirlo encoge la cámara en el tablero alrededor de su pivote, y los elementos emparentados con ella se escalan a la vez.
• Opacidad: la transparencia del contorno de la cámara en el tablero.
• Color de cámara: el color de ese contorno.

Lente

La lente es la pila de filtros de shader que una cámara aplica a lo que filma.

La muestran las cámaras. Sus controles se describen en Cámaras, y los filtros en Filtros de cámara.

Opciones HTML

Un elemento HTML ejecuta una página web autónoma, con su HTML, CSS y JavaScript, en el tablero. Estas opciones controlan el panel de código que muestra y edita ese código junto al elemento HTML. El código en sí se edita en ese panel sobre el tablero, su aspecto se fija en la sección Código y su activación en la sección Portada.

La muestran los elementos HTML.

• Mostrar código: abre junto al elemento HTML el panel de código con su HTML.
• Posición del código: en qué lado del elemento HTML se coloca el panel de código. Se muestra mientras Mostrar código está activado.
  • Arriba
  • Abajo
  • Izquierda
  • Derecha
• HTML animado detectado: un aviso de que la página no deja de moverse mientras se ejecuta, lo que cuesta más que una página quieta. En un tablero lleno, las páginas animadas reciben menos plazas para ejecutarse.
  • Cuándo se comprueba: mientras la página se ejecuta, un par de segundos después de cargar y luego de vez en cuando, antes si haces clic o escribes en ella.
  • Qué cuenta como movimiento: una animación CSS que se repite sin fin, redibujar 30 o más veces por segundo, un temporizador que salta más de una vez por segundo, o un vídeo o un sonido que se está reproduciendo. Las imágenes animadas, como los GIF, no cuentan.
  • Se recuerda: el resultado se guarda con el elemento, así que se aplica la próxima vez que la página despierte. El código sin scripts, animaciones ni medios nunca se comprueba y nunca avisa.

Estado HTML

Estado HTML muestra como controles los ajustes que define el código fuente de un elemento HTML, como un título, un color o una imagen. Cambiar uno actualiza la página en ejecución y se guarda con esa copia del elemento. Consulta Configurar un elemento.

Lo muestra un único elemento HTML seleccionado que tenga campos guardados, archivos con nombre o acepte archivos adjuntos.

• Campos: una fila por valor guardado, en el orden en que los guardó el elemento HTML, cada una con el control que corresponde a su valor.
  • Texto: un campo de texto.
  • Número: un campo numérico.
  • Interruptor: un interruptor de activado o desactivado, con el icono propio cuando el código lo declara.
  • Color: un selector de color, en los valores de texto que contienen un color opaco cuando el nombre del campo incluye la palabra "color" o "colour", como bgColor. Los colores semitransparentes, y los colores con otros nombres, se quedan como texto.
  • JSON: un editor JSON, para objetos y listas. Un valor que no se puede editar como JSON se muestra desactivado con una explicación.
• Archivos: una fila por archivo adjunto, que muestra su nombre de referencia, un botón de archivo, el nombre del archivo y su tamaño. El nombre de referencia es el que usa el código y no se puede cambiar aquí.
  • Reemplazar: el botón de archivo; púlsalo para cambiar el archivo por otro de tu dispositivo. Su tooltip indica el archivo por su nombre de referencia.
  • Pegar imagen del portapapeles: en los archivos de imagen, sustituye el archivo por la imagen del portapapeles.
  • Quitar: elimina el archivo.
  • Adjuntar archivo: añade un archivo nuevo, hasta doce en total.
• Quitar y Adjuntar archivo requieren que el código del elemento HTML acepte archivos adicionales. Todos los archivos adjuntos se pueden reemplazar siempre.

En el reproductor, y en cualquier tablero que no puedas editar, los elementos HTML siguen siendo interactivos pero nada de lo que se introduce en ellos se guarda.

Controles del documento

En el panel de atributos, Controles del documento permite elegir cómo se muestran las páginas y recorrer el documento. El archivo y sus datos están en la sección Relleno.

La muestra un solo documento seleccionado.

• Una página: cambiar de vista conserva la página actual y tu lugar en ella.
  • Desactivado (por defecto): desplázate por las páginas colocadas una debajo de otra.
  • Activado: muestra una página completa, ajustada y centrada en la caja, y usa los controles para pasar de página.
• Primera página: va a la primera página.
• Página anterior: retrocede una página.
• Saltar a la página: el número de la página a la vista, junto al total de páginas; escribe un número para ir a esa página.
• Página siguiente: avanza una página.
• Última página: va a la última página.

Archivo

Una tarjeta de archivo contiene cualquier archivo, como un modelo 3D, un archivo comprimido, un documento o una imagen que solo quieres guardar, y lo muestra como una tarjeta con un icono, su nombre y su tamaño. Esta sección fija el icono y el archivo de la tarjeta, y muestra los datos del archivo.

La muestran las tarjetas de archivo.

• Icono: la imagen de la tarjeta y el color de sus iconos.
  • Elegir icono, el botón con el icono actual de la tarjeta: elige una imagen de tu dispositivo para mostrarla en lugar del icono del tipo de archivo. Cuando ya hay una pasa a ser Reemplazar icono.
  • Pegar icono del portapapeles: usa la imagen del portapapeles.
  • Quitar icono personalizado: vuelve al icono del tipo de archivo.
  • Color de iconos: el color del icono del tipo de archivo y de los botones Abrir y Descargar. Las tarjetas nuevas empiezan con un tono pizarra acorde al tema actual. Una imagen personalizada conserva sus propios colores, y un archivo ejecutable conserva su icono de precaución y no admite un icono personalizado.
• Archivo: el archivo tras la tarjeta.
  • Reemplazar archivo: cambia el archivo por otro de tu dispositivo, de cualquier tipo. La tarjeta conserva su tamaño, su estilo y su icono personalizado. Un nombre que nunca cambiaste sigue al archivo nuevo; uno renombrado se mantiene. Un deshacer recupera el archivo anterior, en todas las tarjetas seleccionadas.
  • Pegar imagen como archivo: usa la imagen del portapapeles como archivo.
• Info, un grupo de solo lectura con los datos del archivo, visible con una sola tarjeta seleccionada:
  • Nombre original del archivo: el nombre del archivo tal como se añadió.
  • Tipo de archivo: su formato, por ejemplo application/pdf.
  • Tamaño: su tamaño.
  • Fecha de subida: cuándo se añadió al tablero.

Ajustes de audio

Un elemento de audio reproduce un archivo de audio desde una tarjeta con un botón de reproducción y la forma de onda del sonido. Esta sección fija la parte del archivo que suena, su volumen, su color y su archivo, y muestra los datos del archivo.

La muestran los elementos de audio.

• Inicio del clip y Fin del clip: dónde empieza y dónde termina el clip en el archivo, en segundos.
• Volumen: la intensidad del sonido, de 0 a 1.
• Color de iconos: el color de la forma de onda y del botón de reproducción, junto a Volumen.
• Archivo: el archivo tras la tarjeta.
  • Reemplazar audio: cambia el archivo por otro archivo de audio y conserva el tamaño y el estilo de la tarjeta. Un nombre que nunca cambiaste sigue al archivo nuevo; uno renombrado se mantiene. Un clip que ya no cabe en el archivo nuevo se acorta, con un aviso.
  • Grabar audio: graba tu micrófono en la tarjeta en su lugar. Consulta Grabar.
  • Grabar y añadir: graba tu micrófono y añade la toma después del sonido de la tarjeta. Funciona con una sola tarjeta seleccionada cuyo sonido dura 15 minutos o menos.
• Info, un grupo de solo lectura con los datos del archivo, visible con una sola tarjeta seleccionada:
  • Nombre original del archivo: el nombre del archivo tal como se añadió.
  • Tipo de archivo: su formato.
  • Tamaño: su tamaño.
  • Duración: cuánto dura el sonido.