Exámenes - Dibujo Eslabones

En este ejercicio se debe crear un programa que muestre un dibujo SVG de dos eslabones cuadrado.

Dibujo Eslabones - Comentarios

Dibujo Eslabones - Ejemplos de código HTML

  <p>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
         width="340" height="340" viewBox=" -20 -20 340 340"
         style="border: black 1px solid">
      <polyline points="110,100 200,100 200,300 0,300 0,100 90,100"
                fill="none" stroke="red" stroke-width="5" />
      <polyline points="190,200 100,200 100,0 300,0 300,200 210,200"
                fill="none" stroke="red" stroke-width="5" />
    </svg>
  </p>
  <p>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
         width="640" height="640" viewBox=" -20 -20 640 640"
         style="border: black 1px solid">
      <polyline points="210,200 400,200 400,600 0,600 0,200 190,200"
                fill="none" stroke="red" stroke-width="5" />
      <polyline points="390,400 200,400 200,0 600,0 600,400 410,400"
                fill="none" stroke="red" stroke-width="5" />
    </svg>
  </p>
  <p>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
         width="790" height="790" viewBox=" -20 -20 790 790"
         style="border: black 1px solid">
      <polyline points="260,250 500,250 500,750 0,750 0,250 240,250"
                fill="none" stroke="red" stroke-width="5" />
      <polyline points="490,500 250,500 250,0 750,0 750,500 510,500"
                fill="none" stroke="red" stroke-width="5" />
    </svg>
  </p>

Dibujo Eslabones - 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:

Enlace a ejemplo