Códigos Fuente de JavaScript

Mostrando del 411 al 420 de 795 registros
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Paint en javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 26 de Abril del 2017)
3.433 visualizaciones desde el 26 de Abril del 2017
Al pasar sobre el documento muestra las coordenadas y dibuja
Captura-de-pantalla-47
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Botón con movimiento en canvas


JavaScript

Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 27 de Abril del 2017)
4.741 visualizaciones desde el 27 de Abril del 2017
Botón en canvas que se mueve
Captura-de-pantalla-48

Hace una transición para mover el botón
Captura-de-pantalla-49
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

triángulo interactivo en canvas


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 3 de Mayo del 2017)
3.197 visualizaciones desde el 3 de Mayo del 2017
Hola, les traigo un código de trigonometría me he centrado en ese tema pero eso ke disfrutenlo :D

Este código permite jugar con un triángulo desde canvas.

Captura-de-pantalla-241
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

juego con temática draw a stickman epic


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 10 de Mayo del 2017)
1.505 visualizaciones desde el 10 de Mayo del 2017
Dibuja tu personaje y juega con él
descarga-4
descarga-5
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

redimensionar imágenes con un clic


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 26 de Agosto del 2017)
6.730 visualizaciones desde el 26 de Agosto del 2017
Este script hace que al hacer clic en una imagen de tu documento se re dimensione de tamaño.
Captura-de-pantalla-6
Captura-de-pantalla-7
Captura-de-pantalla-8
Captura-de-pantalla-9
Captura-de-pantalla-10
Captura-de-pantalla-11
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

selector de color en canvas


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 24 de Septiembre del 2017)
1.653 visualizaciones desde el 24 de Septiembre del 2017
Captura-de-pantalla-21
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

pincel lineal canvas


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 24 de Septiembre del 2017)
1.512 visualizaciones desde el 24 de Septiembre del 2017
Captura-de-pantalla-24

dibuja en linea no en puntitos o cuadros como otros :V
Imágen de perfil
Val: 618
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

'librería' canvas JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 17 de Marzo del 2018 por Humberto (35 códigos) (Publicado el 4 de Noviembre del 2017)
2.152 visualizaciones desde el 4 de Noviembre del 2017
Crea botones para descargar el lienzo fácilmente y has círculos como si de cuadros se tratase.
para descargar el canvas tan solo como poner el contexto del canvas deseado junto con el método download():
1
2
3
4
5
6
7
8
9
window.onload = function(){
	var c = document.getElementById("lienzo");
	var ctx = c.getContext('2d');
 
	document.getElementById('descargar').onclick = function(){
		ctx.download();
	};
};
<input type="button" id="descargar" value="descargar">
lo mejor de este es que la variable del contexto no es siempre ctx, ya depende de la que tu pongas la libreria se encarga de eso.

Este lanzara un prompt que pedirá un nombre para el archivo y si le das en aceptar sin poner nombre pondrá "Sin título" con la extensión .png por defecto.

Captura-de-pantalla-84
Imágen de perfil
Val: 1.271
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Validador numerico en tiempo real.


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 16 de Marzo del 2018 por Alejandro (9 códigos)
2.623 visualizaciones desde el 16 de Marzo del 2018
Permite validar en tiempo real (mientras se esta escribiendo) que un input sea numerico.
Solo permite ingresar numeros y un punto, los demas caracteres son ignorados no escribiendose.
Se puede limitar la cantidad de enteros y decimales.

Ejemplos:
validaNumero(); //Numero sin limites. 1234n.456789n
validaNumero(4); //Numero entero de 4 caracteres y sin limete para decimales. "1234.56789n"
validaNumero(4,2); //Numero entero de 4 caracters y 2 decimales. "1234.56"
validaNumero(4,0); //Numero entero de 4 caracteres sin decimales. "1234"
validaNumero(0,2); //Numero sin entero con 2 decimales. ".12"
Imágen de perfil
Val: 1.975
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple Cronometro en javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 15 de Marzo del 2018 por Xavi (534 códigos) (Publicado el 30 de Septiembre del 2014)
51.047 visualizaciones desde el 30 de Septiembre del 2014
Simple cronometro en JavaScript que permite iniciar y parar el tiempo.

cronometro