Biblioteca de JavaScript para crear marcas de agua en imágenes-Watermark. js
| Autor: | brianium |
|---|---|
| Views Total: | 4,191 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 20, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Watermark. js es una biblioteca de JavaScript que se utiliza para colocar marcas de agua de imagen o texto en la parte superior de sus imágenes. Totalmente personalizable y soporta tanto imágenes locales como remotas.
¿Cómo funciona?
Cargue el Watermark. js en su proyecto.
<script src="scripts/watermark-polyfill.js"></script>
Cargue una imagen en el documento.
// load local images
watermark(['img/coffee.jpg', '/img/logo.png']);
// load cross domain images
watermark(['https://web.com/a.jpg', 'https://web.com/b.jpg'], function (img) {
img.crossOrigin = 'anonymous';
});
// load a url and a file object
var upload = document.querySelector('input[type=file]').files[0];
watermark(['img/photo.jpg', upload]); Coloque una imagen encima de otra.
watermark(['img/shepherd.jpg', 'img/logo.png'])
.image(watermark.image.lowerRight(0.5))
.then(function (img) {
document.getElementById('lower-right').appendChild(img);
}); Escriba un texto encima de una imagen.
watermark(['img/shepherd.jpg'])
.image(text.lowerRight('watermark.js', '48px Josefin Slab', '#fff', 0.5))
.then(function (img) {
document.getElementById('lower-right').appendChild(img);
});
