Generador de arte ASCII con Pure JavaScript-asciify
| Autor: | z------------- |
|---|---|
| Views Total: | 4,217 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 19, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
asciify es una biblioteca JavaScript súper pequeña que convierte una imagen en texto ASCII.
Funcionamiento
Agregue la biblioteca de JavaScript asciify al documento.
<script src="js/asciify.js"></script>
Cree una entrada de archivo para aceptar sus imágenes.
<form id="form"> <input type="file" id="form_input"> </form>
Cree un elemento vacío para generar el texto ASCII.
<output id="output"></output>
El JavaScript para habilitar el generador de arte ASCII.
var formInput = document.querySelector("#form_input");
var outputElem = document.querySelector("#output");
formInput.addEventListener("change", function(){
var file = this.files[0];
var reader = new FileReader();
reader.onload = function() {
var dataURI = reader.result;
var image = document.createElement("img");
image.src = dataURI;
image.onload = function(){
outputElem.innerHTML = asciify.asciify(image)
.replace(/\n/g, "<br>")
.replace(/ /g, " ");
};
};
reader.readAsDataURL(file);
}); Registro de cambios
07/19/2018
- Definir context. fillStyle fuera de drawImage ()
