logoExtra: script.coloresImagen

Descripción: Inicialización para el apunte "Paleta de colores desde imagen".


A continuación mostramos los apuntes asociados a este extra:

Paleta de colores desde imagen
Durante la escritura de los apuntes, hay veces que he necesitado obtener un determinado color de una imagen y para esos casos lo que creo que es de uso más habitual es el "cuentagotas" de los editores gráficos.
// Descripción para sindicación:
/*
    [rss]Inicialización para el apunte "Paleta de colores desde imagen".[/rss]
*/
if (window.onload != undefined)    {
    guardar_coloresImagen = window.onload;
    window.onload = function()    {
        guardar_coloresImagen();
        iniciosVarios();
    }
}
else
    window.onload = iniciosVarios;

function iniciosVarios()    {
    oncambiar();
    onclickar();
}

function tag(id) {return document.getElementById(id);}

function oncambiar() {
    eventuar(tag("captura"), "change", submitar);
}
function submitar() {
    this.form.submit()
}

function onclickar()    {
    for (i = 0; i < 256; i++)
        eventuar(tag("color_" + i), "click", seleccionar);
}

function seleccionar()    {
    tag("seleccionado").value = "#" + this.title
    tag("seleccionado").style.backgroundColor = "#" + this.title
}
// eventuar


function eventuar(elemento, evento, f)    {
    if (document.addEventListener)    elemento.addEventListener(evento, f, true);
    else    if (document.attachEvent)    elemento.attachEvent("on" + evento, f);
        else    elemento["on" + evento] = f;
}
function visible(estado) {
    return (estado) ? "visible":"hidden";
};

function mostrarPaleta(cual)    {
    for (i = 0, max = cual.length; i < 256; i++)    {
        tag("color_" + i).style.visibility = visible(i < max);
        if (i < cual.length)    {
            tag("color_" + i).style.backgroundColor = "#" + cual[i];
            tag("color_" + i).title = cual[i];
        }
    }

//    alert(cual);
}

Este código ha sido leído en 69 ocasiones.

Zona de comentarios

Esta extra aún no tiene comentarios.

Evaluación

Valoración de esta página: (extra.script.coloresImagen) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Listados: imágenes, categorías, etiquetas, extras | Anuarios: 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 | Otros enlaces: buscador