DIW 5

Selecciona la respuesta correcta sobre el propósito de las animaciones. Se suelen utilizar para mostrar contenido, publicidad (banners), detalles de diseño y objetos animados. Utilizados adecuadamente, pueden mejorar el aprendizaje y añadir valor al sitio web. Si se utilizan de forma incorrecta causan rechazo en el usuario. Todas las respuestas son correctas.

¿Qué tecnología para realizar animaciones está totalmente en desuso?. GIF. Canvas. SVG. Flash.

¿Qué ocurre cuando se pasa el ratón por encima del div?. Se produce solo la traslación (translate) del div. Se produce solo la rotación (rotate) del div. Se produce la traslación (translate) y rotación (rotate) del div. Da un error ya que con transform no se puede aplicar dos transformaciones a la vez.

¿Qué ocurre si se le aplica a un elemento HTML la propiedad transform: scaleX(1)?. Aumenta su tamaño en el eje X un 100% del tamaño original. Aumenta su tamaño en el eje X un 10% del tamaño original. Disminuye su tamaño en el eje X un 10% del tamaño original. El elemento se queda con el mismo tamaño.

¿Qué ocurre si se le aplica a un elemento HTML la propiedad transition: background-color 5s linear 2s, width 3s ease 1s?. En el segundo 1 empieza a cambiar el ancho del elemento durante 3 segundos y en el segundo 2 empieza a cambiar el color de fondo del elemento durante 5 segundos. En el segundo 2 empieza a cambiar el color de fondo del elemento durante 5 segundos y cuando termina, se espera 1 segundo y empieza a cambiar el ancho del elemento durante 3 segundos. En el segundo 5 empieza a cambiar el color de fondo del elemento durante 2 segundos y cuando termina, se espera 3 segundos y empieza a cambiar el ancho del elemento durante 1 segundo. Da un error porque no se pueden aplicar dos transiciones a la vez.

¿Qué propiedad CSS permite modificar el comportamiento visual (forma o posición de un elemento) en un tiempo determinado, definiendo su estado inicial, los estados intermedios y su estado final?. Transformación. Transición. Animación. Todas las respuestas son correctas.

¿Qué hace el siguiente código en el div?. Cambia de color de fondo (green - yellow - red) 3 veces seguidas. Cambia de color de fondo (red - yellow - green) 3 veces seguidas. Cambia de color de fondo (green - yellow - red - yellow - green) cada 3 veces seguidas. Todas las respuestas son incorrectas.

Selecciona la respuesta correcta. animation: mover 3s linear forwards Después de la animación, el elemento: desaparece. vuelve a realizar la animación infinitas veces. vuelve a su estado inicial. se queda en su estado final.

Para realizar las animaciones de los elementos HTML con Canvas se utiliza. CSS. JavaScript. SVG. Todas las respuestas son correctas.

¿Qué código se debe utilizar para borrar toda la zona (lienzo) de canvas?. cxt.clear(canvas.width, canvas.height);. cxt.remove(canvas);. cxt.clearRect(0, 0, canvas.width, canvas.height);. cxt.delete(canvas);.

¿Qué instrucción se debe poner para poder dibujar en canvas una línea recta?. lineTo(100, 50);. canvas.lineTo(100, 50);. ctx.lineTo(100, 50);. draw.lineTo(100, 50);.

¿Qué método se utiliza para rellenar solo el interior de una figura?. lineWidth();. style();. fill();. stroke();.

Al dibujar un arco, una circunferencia o un círculo un círculo en canvas, en el método arc se debe indicar el ángulo de inicio y el ángulo final en. escalares. coordenadas x e y. grados. radianes.

¿Qué código se debe poner entre gradiente.addColorStop(0, “yellow”) y cxt.fillRect(0, 0, 600, 400) para que el rectángulo tenga un fondo degradado?. cxt.fillStyle = gradiente;. cxt.gradiente;. cxt.fill(gradiente);. No es necesario poner código entre gradiente.addColorStop(0, “yellow”) y cxt.fillRect(0, 0, 600, 400).

¿Qué método no existe para realizar una transformación en canvas?. translate(x, y). rotate(a). scale(x, y). skew(a, b).

¿Qué acción estamos realizando si utilizamos el método drawImage() con sus nueve parámetros? drawImage(imagen, a, b, c, d, e, f, g, h). Dibujar la misma imagen en nueve posiciones diferentes del lienzo simultáneamente. Aplicar diferentes filtros de color distintos a una imagen antes de mostrarla. Realizar un recorte (slicing) de la imagen original y dibujarlo con un tamaño específico en una posición del lienzo. Configurar la velocidad de fotogramas de una imagen animada tipo GIF.

En el método setInterval() el parámetro del tiempo se indica en. nanosegundos. microsegundos. milisegundos. segundos.

¿En qué lenguaje se basa SVG para definir imágenes vectoriales?. HTML. XML. JSON. JavaScript.

¿Qué atributo se debe utilizar si quieres cambiar el color del relleno de una figura SVG?. fill. stroke. stroke-linecap. stroke-bg.

¿Cuál de las siguientes opciones dibuja en SVG un círculo concentro en (50,50) y radio 40?. <circle x="50" y="50" r="40" />. <circle cx="50" cy="50" r="40" />. <circle center="50,50" radius="40" />. <circle crx="50" cry="50" r="40" />.

¿Qué atributo utilizan tanto <polyline> como <polygon> para definir sus puntos?. coords. path. vertices. points.

Para dibujar en SVG una figura cerrada, ¿qué se debe poner en la etiqueta <polyline>?. Nada, se cierra automáticamente. Hay que repetir el primer punto al final. Se debe usar el atributo close="true". No es posible hacer una figura cerrada con la etiqueta <polyline>.

¿Qué etiqueta se utiliza para definir los colores dentro de un degradado?. <color>. <stop>. <point>. <shade>.

¿Qué atributo se utiliza para definir una ruta en SVG?. points. d. path. coords.

¿Qué atributo permite repetir una animación varias veces?. repeat. loop. repeatCount. cycle.

¿Qué etiqueta de SVG produce un cambio de estado no gradual de un elemento durante un tiempo?. <animate />. <set />. <animateMotion />. <animateTransform />.

En SVG, ¿qué atributo define la ruta por la que se mueve un elemento en <animateMotion>?. path. d. motionPath. route.

En una animación SVG, ¿para qué se utiliza el atributo values?. Para definir el número de repeticiones de la animación. Para definir el trazo (ruta) por donde pasa la animación. Para definir los valores por los que pasa el atributo al que se le aplica la animación. Para definir los valores de tiempo utilizados para controlar el ritmo de la animación.

¿Qué función se usa para mover un elemento en SVG?. translate(). scale(). rotate(). skew().

¿Qué etiqueta se usa en SVG para animar un atributo?. <animate>. <motion>. <transform>. <timeline>.