En este ejercicio se debe crear un programa que muestre la imagen SVG de una cara creada por otra página a partir de un color y expresión de sentimiento proporcionado por la primera página.
Dibuja cara - Ejemplo de código HTML
Primera página:
<p>Cara de color hwb(189 20% 0%) y expresión alegre:</p>
<p><img src="cc-dibuja-cara-svg.php?color=189&expresion=alegre" alt="Imagen incorrecta"></p>
Segunda página (expresión alegre):
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="300" height="300" viewBox="-10 0 420 420">
<circle cx="200" cy="200" r="200" fill="hwb(189 20% 0%)" />
<circle cx="120" cy="150" r="40" fill="black" />
<circle cx="280" cy="150" r="40" fill="black" />
<path d="M 110,270 c 20,80 160,80 180,0 Z" stroke="white" stroke-width="2" fill="white" />
</svg>
Segunda página (expresión indiferente):
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="300" height="300" viewBox="-10 0 420 420">
<circle cx="200" cy="200" r="200" fill="hwb(189 20% 0%)" />
<circle cx="120" cy="150" r="40" fill="black" />
<circle cx="280" cy="150" r="40" fill="black" />
<path d="M 110,270 c 20,10 160,10 180,0 c -20,-5 -160,-5 -180,0 Z" stroke="white" stroke-width="2" fill="white" />
</svg>
Segunda página (expresión triste):
<?xml version="1.0" encoding="UTF-8" ?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="300" height="300" viewBox="-10 0 420 420">
<circle cx="200" cy="200" r="200" fill="hwb(189 20% 0%)" />
<circle cx="120" cy="150" r="40" fill="black" />
<circle cx="280" cy="150" r="40" fill="black" />
<path d="M 110,300 c 20,-80 160,-80 180,0 Z" stroke="white" stroke-width="2" fill="white" />
</svg>
