Biblioteca de JavaScript para crear marcas de agua en imágenes-WatermarkIt
| Autor: | lykken |
|---|---|
| Views Total: | 1,516 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 3, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
WatermarkIt es una biblioteca de JavaScript vainilla que le permite aplicar una marca de agua de imagen a sus imágenes.
Funcionamiento
Cargue la biblioteca WatermarkIt. js en el documento cuando sea necesario.
<script src="js/watermarkit.js"></script>
Agregue una clase de CSS ' watermarkme ' a su imagen.
<img src="image.jpg" class="watermarkme">
Aplique una marca de agua de imagen personalizada a la imagen.
var watermarkIt = new WatermarkIt({
// image selector
imageToWatermark: "watermarkme",
// path to watermark image
watermarkPath: "./images/watermark.png",
// bottom padding in pixels
paddingBottom: 0,
// size of watermark
watermarkSize: 20
});
watermarkIt.mark(); Los estilos CSS requeridos.
.watermarkit-container {
position: relative;
display: inline-block;
}
.watermarkit {
position: absolute;
z-index: 1;
width;
100%;
height: 100%;
visibility: hidden;
}
.watermarkit img {
width: 100%;
height: 100%;
z-index: 2;
margin-left: 0px;
margin-bottom: 0px;
}
