Buenas tardes a tod@s, en mi tópico anterior monte una situación que me paso intentando hacerle mejoras a mi código, en esta ocación, comparto con ustedes, como hice para que mi texto se desplace hacia abajo, cabe aclarar que es solo el nombre, no la circunferencia.
Cree una función de saltarLinea con el animo de que al mostrar mi circunferencia también me mostrara el nombre, pero lo que resulto fue que el texto se desplazó hacia abajo... XD XD XD XD
Saludos cordiales y apretón de mano desde Medellín - Colombia.
Aquí el código...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CIRCUNFERENCIA CON DESPLAZAMIENTO</title>
</head>
<h1></h1>
<canvas width="600" height="400"></canvas>
<body>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "grey";
pincel.fillRect(0,0,600,400);
function dibujarCircunferencia(x,y,radio){
pincel.fillStyle = "green";
pincel.beginPath();
pincel.arc(x,y,radio,0,2*Math.PI);
pincel.fill();
}
function nombre(x,y){
document.write("EstiwarZM");
}
function saltoLinea (){
document.write("<br><br>");
}
function limpiarPantalla(){
pincel.clearRect(0,0,600,400);
}
var x = 0; //variable para acumular el incremento en la función actualiarPantalla();
function actualizarPantalla() {
limpiarPantalla();
dibujarCircunferencia(x,20,10);
x++ //Incrementador para la variable x
}
function actualizarPantalla2() {
limpiarPantalla();
nombre(x,50);
saltoLinea();
}
setInterval(actualizarPantalla2,500); //Indagar como hacer para que el script no se sobreponga ante el canvas oeste quede dentro del canvas
setInterval(actualizarPantalla,100);
</script>
</body>
</html>
