Exámenes - Elige figura y tamaño

Elige figura y tamaño - Comentarios

• El programa tendrá dos páginas:
  • La primera página muestra un formulario con dos controles:
    • La forma de las figuras (círculos o cuadrados).
    • El tamaño de las figuras (de 50 a 150 unidades de radio o de 100 a 300 unidades de lado).
  • La segunda página mostrará:
    • Un grupo de cuatro círculos o de cuatro cuadrados formando un cuadrado.
    • La esquina superior izquierda del conjunto estará situada en el origen del plano SVG.
    • El tamaño de la figura será el indicado por el usuario.
    • Los colores de los círculos o cuadrados son siempre los mismos.
• Si se intenta acceder directamente a la segunda página sin pasar por la primera o si se envía a la segunda página información distinta a la esperada, se mostrarán mensajes de error con la información faltante o incorrecta.
• Si no se ha elegido una figura correcta, no es necesario mostrar un mensaje de error relativo al tamaño.
• No se deben cambiar los nombres de los controles incluidos en las plantillas.
• Al actualizar la segunda página, se mostrará el mismo dibujo.
• Capturas de pantalla de ejemplo:

  

  

  

  

  

  

Elige figura y tamaño - Ejemplo de código HTML

  <h2>Cuatro círculos de 50px de radio</h2>

  <p>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
      width="200" height="200" style="background-color: white;">
      <circle cx="50" cy="50" r="50" fill="red" />
      <circle cx="150" cy="50" r="50" fill="green" />
      <circle cx="50" cy="150" r="50" fill="yellow" />
      <circle cx="150" cy="150" r="50" fill="blue" />
    </svg>
  </p>

  <h2>Cuatro cuadrados de 100px de lado</h2>

  <p>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
      width="200" height="200" style="background-color: white;">
      <rect x="0" y="0" width="100" height="100" fill="red" />
      <rect x="100" y="0" width="100" height="100" fill="green" />
      <rect x="0" y="100" width="100" height="100" fill="yellow" />
      <rect x="100" y="100" width="100" height="100" fill="blue" />
    </svg>
  </p>

Elige figura y tamaño - Ejemplo de programa

Nota: El día del examen los alumnos no tienen acceso a este ejemplo, solamente tienen acceso a las capturas del apartado anterior.

Un ejemplo de programa puede probarse en la ventana siguiente: