Tarjeta de rasca virtual táctil con JavaScript y Canvas-Touch2Reveal
| Autor: | mattlohkamp |
|---|---|
| Views Total: | 1,978 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 5, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Touch2Reveal es una biblioteca JavaScript diminuta y libre de dependencia que tiene la capacidad de revelar las interacciones ocultas con el ratón y el tacto. Similar al Juego de la tarjeta Scratch.
See also:
Funcionamiento
Ponga ambos Touch2Reveal. CSS y Touch2Reveal. js en la Página Web.
<link rel="stylesheet" href="Touch2Reveal.css"> <script src="Touch2Reveal.js"></script>
Cree un contenedor DIV vacío con un ID único como este:
<div id="Touch2Reveal"></div>
Cree un nuevo objeto Touch2Reveal y especifique las imágenes antes/después.
var touch2reveal;
window.onload = function(){
touch2reveal = new Touch2Reveal(document.getElementById('Touch2Reveal'),'before.gif','after.jpg',{
// options here
});
} Opciones posibles con valores predeterminados.
brushSize:window.innerWidth / 20,
softBrush:true,
revealTarget:{},
ratioToShow:.5,
onReveal:function(){}
