Evento #15 – Programmare con Javascript

Clicca sull’area bianca e genera un cerchio con colore e raggio casuale.
JavaScript può acquisire la posizione del mouse con evt.clientX, evt.clientY

<?xml version="1.0"?>

<![CDATA[

function aggiungi(evt)

{

var contenitore=evt.target.parentNode;

var x=evt.clientX;

var y=evt.clientY;

var cerchio=document.createElementNS("http://www.w3.org/2000/svg","circle")

cerchio.setAttribute("cx", x);

cerchio.setAttribute("cy", y);

cerchio.setAttribute("r", Math.random()*25+5);

var r=Math.round(Math.random()*256);

var g=Math.round(Math.random()*256);

var b=Math.round(Math.random()*256);

cerchio.setAttribute("fill", "rgb("+r+","+g+","+b+")");

contenitore.appendChild(cerchio);

}

]]>

</script>

</svg>

Lascia un commento Annulla risposta