|
La '''licencia BSD''' es la [[licencia de software]] otorgada principalmente para los sistemas [[BSD]] (''Berkeley Software Distribution''), un tipo del [[sistema operativo]] ''[[Unix-like]]''. Es una [[licencia de software libre permisiva]] como la licencia de [[OpenSSL]] o la [[MIT License]]. Esto está en contraste con las licencias [[copyleft]], que tienen de reciprocidad requisitos de [[compartir-igual]]. Esta licencia tiene menos restricciones en comparación con otras como la [[Licencia pública general de GNU|GPL]] estando muy cercana al dominio público. La ''licencia BSD'' al contrario que la ''GPL'' permite el uso del [[código fuente]] en [[software no libre]]. La versión original ya se ha revisado y sus variantes son denominadas ''licencias BSD modificadas''.
Es muy similar en efectos a la [[licencia MIT]]./ * Copyright 2018 Los autores de Chromium. Todos los derechos reservados.
* El uso de este código fuente se rige por una licencia de estilo BSD que puede ser
* Se encuentra en el archivo de la LICENCIA. * /
/ **
* Contiene animaciones comunes usadas en la página principal de NTP y sus iframes.
* /
dejar animaciones = {};
/ **
* Enumeración para los nombres de clase.
* @enum {cadena}
* @const
* /
animaciones.CLASES = {
RIPPLE: 'rizo',
RIPPLE_CONTAINER: 'ripple-container',
RIPPLE_EFFECT_MASK: 'ripple-effect-mask',
RIPPLE_EFFECT: 'efecto rizo',
};
/ **
* La duración de la animación de rizo.
* @teclea un número}
* @const
* /
animations.RIPPLE_DURATION_MS = 800;
/ **
* El tamaño máximo de la animación de rizo.
* @teclea un número}
* @const
* /
animaciones.RIPPLE_MAX_RADIUS_PX = 300;
/ **
* Habilita animaciones ripple para elementos con CLASSES.RIPPLE. El objetivo
* El elemento debe tener posición relativa o absoluta.
* /
animations.addRippleAnimations = function () {
dejar ripple = (evento) => {
let target = event.target;
const rect = target.getBoundingClientRect ();
const x = Math.round (event.clientX - rect.left);
const y = Math.round (event.clientY - rect.top);
// Calcular el radio
esquinas const = [
{x: 0, y: 0},
{x: rect.width, y: 0},
{x: 0, y: rect.height},
{x: rect.width, y: rect.height},
];
dejar distancia = (x1, y1, x2, y2) => {
var xDelta = x1 - x2;
var yDelta = y1 - y2;
devuelve Math.sqrt (xDelta * xDelta + yDelta * yDelta);
};
let cornerDistances = corners.map (function (corner) {
return Math.round (distancia (x, y, esquina.x, esquina.y));
});
radio de const = Math.min (
animations.RIPPLE_MAX_RADIUS_PX, Math.max.apply (Math, cornerDistances));
let ripple = document.createElement ('div');
deje rippleMask = document.createElement ('div');
deje rippleContainer = document.createElement ('div');
ripple.classList.add (animations.CLASSES.RIPPLE_EFFECT);
rippleMask.classList.add (animations.CLASSES.RIPPLE_EFFECT_MASK);
rippleContainer.classList.add (animations.CLASSES.RIPPLE_CONTAINER);
rippleMask.appendChild (ripple);
rippleContainer.appendChild (rippleMask);
target.appendChild (rippleContainer);
// Ubicación de inicio de la ondulación
ripple.style.marginLeft = x + 'px';
ripple.style.marginTop = y + 'px';
rippleMask.style.width = target.offsetWidth + 'px';
rippleMask.style.height = target.offsetHeight + 'px';
rippleMask.style.borderRadius =
window.getComputedStyle (target) .borderRadius;
// Comenzar transición / ondulación
ripple.style.width = radio * 2 + 'px';
ripple.style.height = radio * 2 + 'px';
ripple.style.marginLeft = x - radio + 'px';
ripple.style.marginTop = y - radio + 'px';
ripple.style.backgroundColor = 'rgba (0, 0, 0, 0)';
lincencia del los parogramsa
window.setTimeout (function () {
ripple.remove ();
rippleMask.remove ();
rippleContainer.remove ();
}, animaciones.RIPPLE_DURACIÓN_MS);
};
deja rippleElements =
document.querySelectorAll ('.' + animations.CLASSES.RIPPLE);
para (sea i = 0; i <rippleElements.length; i ++) {
rippleElements [i] .addEventListener ('mousedown', ripple);
}
};
== Condiciones ==
| 