function anchoNav() {
var myWidth = 0,
myHeight = 0;
if (typeof(window.innerWidth) == 'number') {
//No-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
return myWidth;
}
function circuloCarga(porPosx = 50, posy = 200, disRadio = 20, porcent = 10) {
//porPosx: posición x del centro del circulo en porcentaje
//posy: posición y del centro del circulo en pixeles
//disRadio: longitud del radio en pixeles
//porcent: porcentaje de avance
// porRadio=20;
// porPosx=50;
var ancho = anchoNav();
//Llama a una función que da el ancho del navegador. Se necesita para realizar el posicionamiento por porcentaje en el eje X.
var radio = disRadio; /*porRadio * ancho / 100;*/
//El radio del círculo
var posx = porPosx * ancho / 100;
//Calcula la posición absoluta en el eje x a partir del porcentaje recibido por parámetro
posy = posy - radio;
//Calcula la posición absoluta en el eje y.
// posx y posy es la posición de inicio de círculo, en el centro de la circunferencia y en la parte superior (a las 12h según un reloj)
var rad = porcent * 2 * Math.PI / 100;
// pasa el porcentaje de avance (de 0 a 100%) a radianes (de 0 a 2.PI)
var beta=0;
//Si el porcentaje es menor que el 25%, está en el primer cuadrante (entre las 12 y las 3).
//Se calcula la posición en el eje y en la circunferencia con el seno de 90 grados menos el ángulo
if (porcent<25) {
beta=Math.PI/2-rad;
var sen = Math.sin(beta);
var cos = Math.cos(beta);
var y = radio-radio * sen;
}
//para el resto de cuadrantes, la posición se calcula con el seno del ángulo llevado al resto de cuadrantes.
if (porcent>=25) {
beta=(5/4*2*Math.PI)-rad;
var sen = Math.sin(beta);
var cos = Math.cos(beta);
var y = radio+radio * (-1) * sen;
}
//la posición en el eje x siempre va a partir del coseno del ánulo
var x = radio * cos;
//indica la dirección de la creación del semicirculo (hacia la derecha o hacia la izquierda), es 1 cuando es mayor del 50% y 0 cuando es menor del 50%
var orienta = 1;
//se calcula el centro de la circunferencia
var centx = posx;
var centy = posy + radio;
if (porcent < 50) {
orienta = 0
}
//crea el svg
document.write("");
}
function circuloCargadesdelas9(porPosx = 50, posy = 200, disRadio = 20, porcent = 10) {
//porPosx: posición x del centro del circulo en porcentaje
//posy: posición y del centro del circulo en pixeles
//disRadio: longitud del radio en pixeles
//porcent: porcentaje de avance
// porRadio=20;
// porPosx=50;
var ancho = anchoNav();
var radio = disRadio; /*porRadio * ancho / 100;*/
var posx = porPosx * ancho / 100;
posx = posx - radio;
var rad = porcent * 2 * Math.PI / 100;
var sen = Math.sin(rad);
var y = 1 * radio * sen;
var cos = -1 * Math.cos(rad);
var x = radio + (radio * cos);
var orienta = 1;
var centx = posx + radio;
if (porcent < 50) {
orienta = 0
}
document.write("");
}
function circuloCargaMovimiento(porPosx = 50, posy = 200, disRadio = 20, porcent = 10) {
//porPosx: posición x del centro del circulo en porcentaje
//posy: posición y del centro del circulo en pixeles
//disRadio: longitud del radio en pixeles
//porcent: porcentaje de avance
// porRadio=20;
// porPosx=50;
var ancho = anchoNav();
var radio = disRadio; /*porRadio * ancho / 100;*/
var posx = porPosx * ancho / 100;
posx = posx - radio;
var rad = porcent * 2 * Math.PI / 100;
var sen = Math.sin(rad);
var y = 1 * radio * sen;
var cos = -1 * Math.cos(rad);
var x = radio + (radio * cos);
var orienta = 1;
var centx = posx + radio;
if (porcent < 50) {
orienta = 0
}
document.write("");
}