web开发辅助工具
(function(factory){
if(typeof define==="function"&&define.amd){
define(["jquery"],factory)}
else{
if(typeof exports=="object"&&typeof module=="object")
{module.exports=factory}else{factory(jquery)
}
}
}
)(function($,undefined){
var defaultopts={
beforeshow:noop,
move:noop,
change:noop,
show:noop,
hide:noop,
color:false,
flat:false,
showinput:false,
allowempty:false,
showbuttons:true,
clickoutfireschange:false,
showinitial:false,
showpalette:false,
showpaletteonly:false,
hideafterpaletteselect:false,
togglepaletteonly:false,
showselectionpalette:true,
localstoragekey:false,
appendto:"body",
maxselectionsize:7,
canceltext:"cancel",
choosetext:"choose",
togglepalettemoretext:"more",
togglepalettelesstext:"less",
cleartext:"clear color selection",nocolorselectedtext:"no color selected",
preferredformat:false,classname:"",
containerclassname:"",
replacerclassname:"",
showalpha:false,theme:"sp-light",palette:[[
"#ffffff",
"#000000",
"#ff0000","#ff8000","#ffff00","#008000","#0000ff","#4b0082","#9400d3"]],selectionpalette:[],disabled:false,
offset:null},spectrums=[],ie=!!/msie/i.exec(window.navigator.useragent),rgbasupport=(function(){
function contains(str,substr){
return !!~(""+str).indexof(substr)}
var elem=document.createelement("div");
var style=elem.style;style.csstext="background-color:rgba(0,0,0,.5)";
return contains(style.backgroundcolor,"rgba")||contains(style.backgroundcolor,"hsla")})(),
inputtypecolorsupport=(function(){var colorinput=$("<input type='color' value='!' />")[0];
return colorinput.type==="color"&&colorinput.value!=="!"})(),replaceinput=["<div class='sp-replacer'>",
"<div class='sp-preview'><div class='sp-preview-inner'></div></div>","<div class='sp-dd'>▼</div>",
"</div>"].join(""),markup=(function(){var gradientfix="";
if(ie){for(var i=1;i<=6;i++){
gradientfix+="<div class='sp-"+i+"'></div>"}}return["<div class='sp-container sp-hidden'>",
"<div class='sp-palette-container'>","<div class='sp-palette sp-thumb sp-cf'></div>",
"<div class='sp-palette-button-container sp-cf'>","<button type='button' class='sp-palette-toggle'>
</button>","</div>","</div>","<div class='sp-picker-container'>","<div class='sp-top sp-cf'>",
"<div class='sp-fill'></div>","<div class='sp-top-inner'>","<div class='sp-color'>","<div class='sp-sat'>",
"<div class='sp-val'>","<div class='sp-dragger'></div>","</div>","</div>","</div>",
"<div class='sp-clear sp-clear-display'>","</div>","<div class='sp-hue'>","<div class='sp-slider'>
</div>",gradientfix,"</div>","</div>","<div class='sp-alpha'><div class='sp-alpha-inner'>
<div class='sp-alpha-handle'></div></div></div>","</div>","<div class='sp-input-container sp-cf'>",
"<input class='sp-input' type='text' spellcheck='false' />","</div>",
"<div class='sp-initial sp-thumb sp-cf'></div>","<div class='sp-button-container sp-cf'>",
"<a class='sp-cancel' href='#'></a>","<button type='button' class='sp-choose'></button>","</div>",
"</div>","</div>"].join("")})();
function palettetemplate(p,color,classname,opts){
var html=[];
for(var i=0;i<p.length;i++){
var current=p[i];
if(current){
var tiny=tinycolor(current);
var c=tiny.tohsl().l<0.5?"sp-thumb-el sp-thumb-dark":"sp-thumb-el sp-thumb-light";
c+=(tinycolor.equals(color,current))?" sp-thumb-active":"";
var formattedstring=tiny.tostring(opts.preferredformat||"rgb");
var swatchstyle=rgbasupport?("background-color:"+tiny.torgbstring()):"filter:"+tiny.tofilter();
html.push('<span title="'+formattedstring+'" data-color="'+tiny.torgbstring()+'" class="'+c+'">
<span class="sp-thumb-inner" style="'+swatchstyle+';" /></span>')}
else{
var cls="sp-clear-display";html.push($("<div />").append($('<span data-color=""
style="background-color:transparent;" class="'+cls+'"></span>')
.attr("title",opts.nocolorselectedtext)).html())}}
return"<div class='sp-cf "+classname+"'>"+html.join("")+"</div>"}
function hideall(){
for(var i=0;i<spectrums.length;i++){
if(spectrums[i]){spectrums[i].hide()}}}
function instanceoptions(o,callbackcontext){
var opts=$.extend({},defaultopts,o);
opts.callbacks={"move":bind(opts.move,callbackcontext),
"change":bind(opts.change,callbackcontext),
"show":bind(opts.show,callbackcontext),
"hide":bind(opts.hide,callbackcontext),
"beforeshow":bind(opts.beforeshow,callbackcontext)};
return opts}
function spectrum(element,o){
var opts=instanceoptions(o,element),
flat=opts.flat,
showselectionpalette=opts.showselectionpalette,
localstoragekey=opts.localstoragekey,theme=opts.theme,
callbacks=opts.callbacks,resize=throttle(reflow,10),
visible=false,dragwidth=0,dragheight=0,draghelperheight=0,
slideheight=0,slidewidth=0,alphawidth=0,alphaslidehelperwidth=0,
slidehelperheight=0,currenthue=0,currentsaturation=0,currentvalue=0,
currentalpha=1,palette=[],palettearray=[],palettelookup={},
selectionpalette=opts.selectionpalette.slice(0),
maxselectionsize=opts.maxselectionsize,draggingclass="sp-dragging",shiftmovementdirection=null;
var doc=element.ownerdocument,body=doc.body,
boundelement=$(element),disabled=false,
container=$(markup,doc).addclass(theme),pickercontainer=container.find(".sp-picker-container"),
dragger=container.find(".sp-color"),draghelper=container.find(".sp-dragger"),
slider=container.find(".sp-hue"),slidehelper=container.find(".sp-slider"),
alphasliderinner=container.find(".sp-alpha-inner"),alphaslider=container.find(".sp-alpha"),
alphaslidehelper=container.find(".sp-alpha-handle"),textinput=container.find(".sp-input"),
palettecontainer=container.find(".sp-palette"),initialcolorcontainer=container.find(".sp-initial"),
cancelbutton=container.find(".sp-cancel"),clearbutton=container.find(".sp-clear"),
choosebutton=container.find(".sp-choose"),togglebutton=container.find(".sp-palette-toggle"),
isinput=boundelement.is("input"),isinputtypecolor=isinput&&inputtypecolorsupport&&boundelement.
attr("type")==="color",shouldreplace=isinput&&!flat,replacer=(shouldreplace)?$(replaceinput)
.addclass(theme).addclass(opts.classname).addclass(opts.replacerclassname):$([]),
offsetelement=(shouldreplace)?replacer:boundelement,previewelement=replacer.find(".sp-preview-inner"),
initialcolor=opts.color||(isinput&&boundelement.val()),coloronshow=false,preferredformat=opts.preferredformat,
currentpreferredformat=preferredformat,clickoutfireschange=!opts.showbuttons||opts.clickoutfireschange,
isempty=!initialcolor,allowempty=opts.allowempty&&!isinputtypecolor;function
applyoptions(){if(opts.showpaletteonly){opts.showpalette=true}togglebutton.text(opts.showpaletteonly?opts.
togglepalettemoretext:opts.togglepalettelesstext);if(opts.palette){palette=opts.palette.slice(0);
palettearray=$.isarray(palette[0])?palette:[palette];
palettelookup={};
for(
var i=0;i<palettearray.length;i++){
for(
var j=0;j<palettearray[i].length;j++){
var rgb=tinycolor(palettearray[i][j]).torgbstring();palettelookup[rgb]=true}}}
container.toggleclass("sp-flat",flat);
container.toggleclass("sp-input-disabled",!opts.showinput);
container.toggleclass("sp-alpha-enabled",opts.showalpha);
container.toggleclass("sp-clear-enabled",allowempty);
container.toggleclass("sp-buttons-disabled",!opts.showbuttons);
container.toggleclass("sp-palette-buttons-disabled",!opts.togglepaletteonly);
container.toggleclass("sp-palette-disabled",!opts.showpalette);
container.toggleclass("sp-palette-only",opts.showpaletteonly);
container.toggleclass("sp-initial-disabled",!opts.showinitial);
container.addclass(opts.classname).addclass(opts.containerclassname);
reflow()}function initialize(){if(ie){container.find("*:not(input)").attr("unselectable","on")}applyoptions();
if(shouldreplace){boundelement.after(replacer).hide()}if(!allowempty){clearbutton.hide()}if(flat){
boundelement.after(container).hide()}else{var appendto=opts.appendto==="parent"?boundelement.parent():
$(opts.appendto);if(appendto.length!==1){appendto=$("body")}appendto.append(container)}
updateselectionpalettefromstorage();offsetelement.bind("click.spectrum touchstart.spectrum",function(e){
if(!disabled){toggle()}e.stoppropagation();if(!$(e.target).is("input")){e.preventdefault()}});
if(boundelement.is(":disabled")||(opts.disabled===true)){disable()}container.click(stoppropagation);
textinput.change(setfromtextinput);textinput.bind("paste",function(){settimeout(setfromtextinput,1)});
textinput.keydown(function(e){if(e.keycode==13){setfromtextinput()}});cancelbutton.text(opts.canceltext);
cancelbutton.bind("click.spectrum",function(e){e.stoppropagation();e.preventdefault();revert();hide()});
clearbutton.attr("title",opts.cleartext);clearbutton.bind("click.spectrum",function(e){e.stoppropagation();
e.preventdefault();isempty=true;move();if(flat){updateoriginalinput(true)}});choosebutton.text(opts.choosetext);
choosebutton.bind("click.spectrum",function(e){e.stoppropagation();e.preventdefault();
if(isvalid()){updateoriginalinput(true);hide()}});togglebutton.text(opts.showpaletteonly?opts.
togglepalettemoretext:opts.togglepalettelesstext);togglebutton.bind("click.spectrum",function(e){e.
stoppropagation();e.preventdefault();opts.showpaletteonly=!opts.showpaletteonly;
if(!opts.showpaletteonly&&!flat){container.css("left","-="+(pickercontainer.outerwidth(true)+5))}
applyoptions()});draggable(alphaslider,function(dragx,dragy,e){currentalpha=(dragx/alphawidth);
isempty=false;if(e.shiftkey){currentalpha=math.round(currentalpha*10)/10}move()},dragstart,dragstop);
draggable(slider,function(dragx,dragy){currenthue=parsefloat(dragy/slideheight);
isempty=false;if(!opts.showalpha){currentalpha=1}move()},dragstart,dragstop);
draggable(dragger,function(dragx,dragy,e){if(!e.shiftkey){shiftmovementdirection=null}
else{if(!shiftmovementdirection){var olddragx=currentsaturation*dragwidth;
var olddragy=dragheight-(currentvalue*dragheight);
var furtherfromx=math.abs(dragx-olddragx)>math.abs(dragy-olddragy);
shiftmovementdirection=furtherfromx?"x":"y"}}
var setsaturation=!shiftmovementdirection||shiftmovementdirection==="x";
var setvalue=!shiftmovementdirection||shiftmovementdirection==="y";
if(setsaturation){currentsaturation=parsefloat(dragx/dragwidth)}
if(setvalue){currentvalue=parsefloat((dragheight-dragy)/dragheight)}isempty=false;
if(!opts.showalpha){currentalpha=1}move()},dragstart,dragstop);
if(!!initialcolor){set(initialcolor);updateui();
currentpreferredformat=preferredformat||tinycolor(initialcolor).format;
addcolortoselectionpalette(initialcolor)}else{updateui()}if(flat){show()}function paletteelementclick(e){
if(e.data&&e.data.ignore){set($(e.target).closest(".sp-thumb-el").data("color"));move()}else{set($(e.target).
closest(".sp-thumb-el").data("color"));move();updateoriginalinput(true);if(opts.hideafterpaletteselect){
hide()}}return false}var paletteevent=ie?"mousedown.spectrum":"click.spectrum touchstart.spectrum";
palettecontainer.delegate(".sp-thumb-el",paletteevent,paletteelementclick);initialcolorcontainer.delegate(".sp-thumb-el:nth-child(1)",paletteevent,{ignore:true},paletteelementclick)}function updateselectionpalettefromstorage(){if(localstoragekey&&window.localstorage){try{var oldpalette=window.localstorage[localstoragekey].split(",#");if(oldpalette.length>1){delete window.localstorage[localstoragekey];$.each(oldpalette,function(i,c){addcolortoselectionpalette(c)})}}catch(e){}try{selectionpalette=window.localstorage[localstoragekey].split(";")}catch(e){}}}function addcolortoselectionpalette(color){if(showselectionpalette){var rgb=tinycolor(color).torgbstring();if(!palettelookup[rgb]&&$.inarray(rgb,selectionpalette)===-1){selectionpalette.push(rgb);while(selectionpalette.length>maxselectionsize){selectionpalette.shift()}}if(localstoragekey&&window.localstorage){try{window.localstorage[localstoragekey]=selectionpalette.join(";")}catch(e){}}}}function getuniqueselectionpalette(){var unique=[];if(opts.showpalette){for(var i=0;i<selectionpalette.length;i++){var rgb=tinycolor(selectionpalette[i]).torgbstring();if(!palettelookup[rgb]){unique.push(selectionpalette[i])}}}return unique.reverse().slice(0,opts.maxselectionsize)}function drawpalette(){var currentcolor=get();var html=$.map(palettearray,function(palette,i){return palettetemplate(palette,currentcolor,"sp-palette-row sp-palette-row-"+i,opts)});updateselectionpalettefromstorage();if(selectionpalette){html.push(palettetemplate(getuniqueselectionpalette(),currentcolor,"sp-palette-row sp-palette-row-selection",opts))}palettecontainer.html(html.join(""))}function drawinitial(){if(opts.showinitial){var initial=coloronshow;var current=get();initialcolorcontainer.html(palettetemplate([initial,current],current,"sp-palette-row-initial",opts))}}function dragstart(){if(dragheight<=0||dragwidth<=0||slideheight<=0){reflow()}container.addclass(draggingclass);shiftmovementdirection=null;boundelement.trigger("dragstart.spectrum",[get()])}function dragstop(){container.removeclass(draggingclass);boundelement.trigger("dragstop.spectrum",[get()])}function setfromtextinput(){var value=textinput.val();if((value===null||value==="")&&allowempty){set(null);updateoriginalinput(true)}else{var tiny=tinycolor(value);if(tiny.isvalid()){set(tiny);updateoriginalinput(true)}else{textinput.addclass("sp-validation-error")}}}function toggle(){if(visible){hide()}else{show()}}function show(){var event=$.event("beforeshow.spectrum");if(visible){reflow();return}boundelement.trigger(event,[get()]);if(callbacks.beforeshow(get())===false||event.isdefaultprevented()){return}hideall();visible=true;$(doc).bind("click.spectrum",clickout);$(window).bind("resize.spectrum",resize);replacer.addclass("sp-active");container.removeclass("sp-hidden");reflow();updateui();coloronshow=get();drawinitial();callbacks.show(coloronshow);boundelement.trigger("show.spectrum",[coloronshow])}function clickout(e){if(e.button==2){return}if(clickoutfireschange){updateoriginalinput(true)}else{revert()}hide()}function hide(){if(!visible||flat){return}visible=false;$(doc).unbind("click.spectrum",clickout);$(window).unbind("resize.spectrum",resize);replacer.removeclass("sp-active");container.addclass("sp-hidden");callbacks.hide(get());boundelement.trigger("hide.spectrum",[get()])}function revert(){set(coloronshow,true)}function set(color,ignoreformatchange){if(tinycolor.equals(color,get())){updateui();return}var newcolor,newhsv;if(!color&&allowempty){isempty=true}else{isempty=false;newcolor=tinycolor(color);newhsv=newcolor.tohsv();currenthue=(newhsv.h%360)/360;currentsaturation=newhsv.s;currentvalue=newhsv.v;currentalpha=newhsv.a}updateui();if(newcolor&&newcolor.isvalid()&&!ignoreformatchange){currentpreferredformat=preferredformat||newcolor.getformat()}}function get(opts){opts=opts||{};if(allowempty&&isempty){return null}return tinycolor.fromratio({h:currenthue,s:currentsaturation,v:currentvalue,a:math.round(currentalpha*100)/100},{format:opts.format||currentpreferredformat})}function isvalid(){return !textinput.hasclass("sp-validation-error")}function move(){updateui();callbacks.move(get());boundelement.trigger("move.spectrum",[get()])}function updateui(){textinput.removeclass("sp-validation-error");updatehelperlocations();var flatcolor=tinycolor.fromratio({h:currenthue,s:1,v:1});dragger.css("background-color",flatcolor.tohexstring());var format=currentpreferredformat;if(currentalpha<1&&!(currentalpha===0&&format==="name")){if(format==="hex"||format==="hex3"||format==="hex6"||format==="name"){format="rgb"}}var realcolor=get({format:format}),displaycolor="";previewelement.removeclass("sp-clear-display");previewelement.css("background-color","transparent");if(!realcolor&&allowempty){previewelement.addclass("sp-clear-display")}else{var realhex=realcolor.tohexstring(),realrgb=realcolor.torgbstring();if(rgbasupport||realcolor.alpha===1){previewelement.css("background-color",realrgb)}else{previewelement.css("background-color","transparent");previewelement.css("filter",realcolor.tofilter())}if(opts.showalpha){var rgb=realcolor.torgb();rgb.a=0;var realalpha=tinycolor(rgb).torgbstring();var gradient="linear-gradient(left, "+realalpha+", "+realhex+")";if(ie){alphasliderinner.css("filter",tinycolor(realalpha).tofilter({gradienttype:1},realhex))}else{alphasliderinner.css("background","-webkit-"+gradient);alphasliderinner.css("background","-moz-"+gradient);alphasliderinner.css("background","-ms-"+gradient);alphasliderinner.css("background","linear-gradient(to right, "+realalpha+", "+realhex+")")}}displaycolor=realcolor.tostring(format)}if(opts.showinput){textinput.val(displaycolor)}if(opts.showpalette){drawpalette()}drawinitial()}function updatehelperlocations(){var s=currentsaturation;var v=currentvalue;if(allowempty&&isempty){alphaslidehelper.hide();slidehelper.hide();draghelper.hide()}else{alphaslidehelper.show();slidehelper.show();draghelper.show();var dragx=s*dragwidth;var dragy=dragheight-(v*dragheight);dragx=math.max(-draghelperheight,math.min(dragwidth-draghelperheight,dragx-draghelperheight));dragy=math.max(-draghelperheight,math.min(dragheight-draghelperheight,dragy-draghelperheight));draghelper.css({"top":dragy+"px","left":dragx+"px"});var alphax=currentalpha*alphawidth;alphaslidehelper.css({"left":(alphax-(alphaslidehelperwidth/2))+"px"});var slidey=(currenthue)*slideheight;slidehelper.css({"top":(slidey-slidehelperheight)+"px"})}}function updateoriginalinput(firecallback){var color=get(),displaycolor="",haschanged=!tinycolor.equals(color,coloronshow);if(color){displaycolor=color.tostring(currentpreferredformat);addcolortoselectionpalette(color)}if(isinput){boundelement.val(displaycolor)}if(firecallback&&haschanged){callbacks.change(color);boundelement.trigger("change",[color])}}function reflow(){dragwidth=dragger.width();dragheight=dragger.height();draghelperheight=draghelper.height();slidewidth=slider.width();slideheight=slider.height();slidehelperheight=slidehelper.height();alphawidth=alphaslider.width();alphaslidehelperwidth=alphaslidehelper.width();if(!flat){container.css("position","absolute");if(opts.offset){container.offset(opts.offset)}else{container.offset(getoffset(container,offsetelement))}}updatehelperlocations();if(opts.showpalette){drawpalette()}boundelement.trigger("reflow.spectrum")}function destroy(){boundelement.show();offsetelement.unbind("click.spectrum touchstart.spectrum");container.remove();replacer.remove();spectrums[spect.id]=null}function option(optionname,optionvalue){if(optionname===undefined){return $.extend({},opts)}if(optionvalue===undefined){return opts[optionname]}opts[optionname]=optionvalue;applyoptions()}function enable(){disabled=false;boundelement.attr("disabled",false);offsetelement.removeclass("sp-disabled")}function disable(){hide();disabled=true;boundelement.attr("disabled",true);offsetelement.addclass("sp-disabled")}function setoffset(coord){opts.offset=coord;reflow()}initialize();var spect={show:show,hide:hide,toggle:toggle,reflow:reflow,option:option,enable:enable,disable:disable,offset:setoffset,set:function(c){set(c);updateoriginalinput()},get:get,destroy:destroy,container:container};spect.id=spectrums.push(spect)-1;return spect}function getoffset(picker,input){var extray=0;var dpwidth=picker.outerwidth();var dpheight=picker.outerheight();var inputheight=input.outerheight();var doc=picker[0].ownerdocument;var docelem=doc.documentelement;var viewwidth=docelem.clientwidth+$(doc).scrollleft();var viewheight=docelem.clientheight+$(doc).scrolltop();var offset=input.offset();offset.top+=inputheight;offset.left-=math.min(offset.left,(offset.left+dpwidth>viewwidth&&viewwidth>dpwidth)?math.abs(offset.left+dpwidth-viewwidth):0);offset.top-=math.min(offset.top,((offset.top+dpheight>viewheight&&viewheight>dpheight)?math.abs(dpheight+inputheight-extray):extray));return offset}function noop(){}function stoppropagation(e){e.stoppropagation()}function bind(func,obj){var slice=array.prototype.slice;var args=slice.call(arguments,2);return function(){return func.apply(obj,args.concat(slice.call(arguments)))}}function draggable(element,onmove,onstart,onstop){onmove=onmove||function(){};onstart=onstart||function(){};onstop=onstop||function(){};var doc=document;var dragging=false;var offset={};var maxheight=0;var maxwidth=0;var hastouch=("ontouchstart" in window);var duringdragevents={};duringdragevents["selectstart"]=prevent;duringdragevents["dragstart"]=prevent;duringdragevents["touchmove mousemove"]=move;duringdragevents["touchend mouseup"]=stop;function prevent(e){if(e.stoppropagation){e.stoppropagation()}if(e.preventdefault){e.preventdefault()}e.returnvalue=false}function move(e){if(dragging){if(ie&&doc.documentmode<9&&!e.button){return stop()}var touches=e.originalevent&&e.originalevent.touches;var pagex=touches?touches[0].pagex:e.pagex;var pagey=touches?touches[0].pagey:e.pagey;var dragx=math.max(0,math.min(pagex-offset.left,maxwidth));var dragy=math.max(0,math.min(pagey-offset.top,maxheight));if(hastouch){prevent(e)}onmove.apply(element,[dragx,dragy,e])}}function start(e){var rightclick=(e.which)?(e.which==3):(e.button==2);if(!rightclick&&!dragging){if(onstart.apply(element,arguments)!==false){dragging=true;maxheight=$(element).height();maxwidth=$(element).width();offset=$(element).offset();$(doc).bind(duringdragevents);$(doc.body).addclass("sp-dragging");if(!hastouch){move(e)}prevent(e)}}}function stop(){if(dragging){$(doc).unbind(duringdragevents);$(doc.body).removeclass("sp-dragging");onstop.apply(element,arguments)}dragging=false}$(element).bind("touchstart mousedown",start)}function throttle(func,wait,debounce){var timeout;return function(){var context=this,args=arguments;var throttler=function(){timeout=null;func.apply(context,args)};if(debounce){cleartimeout(timeout)}if(debounce||!timeout){timeout=settimeout(throttler,wait)}}}var dataid="spectrum.id";$.fn.spectrum=function(opts,extra){if(typeof opts=="string"){var returnvalue=this;var args=array.prototype.slice.call(arguments,1);this.each(function(){var spect=spectrums[$(this).data(dataid)];if(spect){var method=spect[opts];if(!method){throw new error("spectrum: no such method: '"+opts+"'")}if(opts=="get"){returnvalue=spect.get()}else{if(opts=="container"){returnvalue=spect.container}else{if(opts=="option"){returnvalue=spect.option.apply(spect,args)}else{if(opts=="destroy"){spect.destroy();$(this).removedata(dataid)}else{method.apply(spect,args)}}}}}});return returnvalue}return this.spectrum("destroy").each(function(){var options=$.extend({},opts,$(this).data());var spect=spectrum(this,options);$(this).data(dataid,spect.id)})};$.fn.spectrum.load=true;$.fn.spectrum.loadopts={};$.fn.spectrum.draggable=draggable;$.fn.spectrum.defaults=defaultopts;$.spectrum={};$.spectrum.localization={};$.spectrum.palettes={};$.fn.spectrum.processnativecolorinputs=function(){if(!inputtypecolorsupport){$("input[type=color]").spectrum({preferredformat:"hex6"})}};(function(){var trimleft=/^[\s,#]+/,trimright=/\s+$/,tinycounter=0,math=math,mathround=math.round,mathmin=math.min,mathmax=math.max,mathrandom=math.random;var tinycolor=function tinycolor(color,opts){color=(color)?color:"";opts=opts||{};if(color instanceof tinycolor){return color}if(!(this instanceof tinycolor)){return new tinycolor(color,opts)}var rgb=inputtorgb(color);this._originalinput=color,this._r=rgb.r,this._g=rgb.g,this._b=rgb.b,this._a=rgb.a,this._rounda=mathround(100*this._a)/100,this._format=opts.format||rgb.format;this._gradienttype=opts.gradienttype;if(this._r<1){this._r=mathround(this._r)}if(this._g<1){this._g=mathround(this._g)}if(this._b<1){this._b=mathround(this._b)}this._ok=rgb.ok;this._tc_id=tinycounter++};tinycolor.prototype={isdark:function(){return this.getbrightness()<128},islight:function(){return !this.isdark()},isvalid:function(){return this._ok},getoriginalinput:function(){return this._originalinput},getformat:function(){return this._format},getalpha:function(){return this._a},getbrightness:function(){var rgb=this.torgb();return(rgb.r*299+rgb.g*587+rgb.b*114)/1000},setalpha:function(value){this._a=boundalpha(value);this._rounda=mathround(100*this._a)/100;return this},tohsv:function(){var hsv=rgbtohsv(this._r,this._g,this._b);return{h:hsv.h*360,s:hsv.s,v:hsv.v,a:this._a}},tohsvstring:function(){var hsv=rgbtohsv(this._r,this._g,this._b);var h=mathround(hsv.h*360),s=mathround(hsv.s*100),v=mathround(hsv.v*100);return(this._a==1)?"hsv("+h+", "+s+"%, "+v+"%)":"hsva("+h+", "+s+"%, "+v+"%, "+this._rounda+")"},tohsl:function(){var hsl=rgbtohsl(this._r,this._g,this._b);return{h:hsl.h*360,s:hsl.s,l:hsl.l,a:this._a}},tohslstring:function(){var hsl=rgbtohsl(this._r,this._g,this._b);var h=mathround(hsl.h*360),s=mathround(hsl.s*100),l=mathround(hsl.l*100);return(this._a==1)?"hsl("+h+", "+s+"%, "+l+"%)":"hsla("+h+", "+s+"%, "+l+"%, "+this._rounda+")"},tohex:function(allow3char){return rgbtohex(this._r,this._g,this._b,allow3char)},tohexstring:function(allow3char){return"#"+this.tohex(allow3char)},tohex8:function(){return rgbatohex(this._r,this._g,this._b,this._a)},tohex8string:function(){return"#"+this.tohex8()},torgb:function(){return{r:mathround(this._r),g:mathround(this._g),b:mathround(this._b),a:this._a}},torgbstring:function(){return(this._a==1)?"rgb("+mathround(this._r)+", "+mathround(this._g)+", "+mathround(this._b)+")":"rgba("+mathround(this._r)+", "+mathround(this._g)+", "+mathround(this._b)+", "+this._rounda+")"},topercentagergb:function(){return{r:mathround(bound01(this._r,255)*100)+"%",g:mathround(bound01(this._g,255)*100)+"%",b:mathround(bound01(this._b,255)*100)+"%",a:this._a}},topercentagergbstring:function(){return(this._a==1)?"rgb("+mathround(bound01(this._r,255)*100)+"%, "+mathround(bound01(this._g,255)*100)+"%, "+mathround(bound01(this._b,255)*100)+"%)":"rgba("+mathround(bound01(this._r,255)*100)+"%, "+mathround(bound01(this._g,255)*100)+"%, "+mathround(bound01(this._b,255)*100)+"%, "+this._rounda+")"},toname:function(){if(this._a===0){return"transparent"}if(this._a<1){return false}return hexnames[rgbtohex(this._r,this._g,this._b,true)]||false},tofilter:function(secondcolor){var hex8string="#"+rgbatohex(this._r,this._g,this._b,this._a);var secondhex8string=hex8string;var gradienttype=this._gradienttype?"gradienttype = 1, ":"";if(secondcolor){var s=tinycolor(secondcolor);secondhex8string=s.tohex8string()}return"progid:dximagetransform.microsoft.gradient("+gradienttype+"startcolorstr="+hex8string+",endcolorstr="+secondhex8string+")"},tostring:function(format){var formatset=!!format;format=format||this._format;var formattedstring=false;var hasalpha=this._a<1&&this._a>=0;var needsalphaformat=!formatset&&hasalpha&&(format==="hex"||format==="hex6"||format==="hex3"||format==="name");if(needsalphaformat){if(format==="name"&&this._a===0){return this.toname()}return this.torgbstring()}if(format==="rgb"){formattedstring=this.torgbstring()}if(format==="prgb"){formattedstring=this.topercentagergbstring()}if(format==="hex"||format==="hex6"){formattedstring=this.tohexstring()}if(format==="hex3"){formattedstring=this.tohexstring(true)}if(format==="hex8"){formattedstring=this.tohex8string()}if(format==="name"){formattedstring=this.toname()}if(format==="hsl"){formattedstring=this.tohslstring()}if(format==="hsv"){formattedstring=this.tohsvstring()}return formattedstring||this.tohexstring()},_applymodification:function(fn,args){var color=fn.apply(null,[this].concat([].slice.call(args)));this._r=color._r;this._g=color._g;this._b=color._b;this.setalpha(color._a);return this},lighten:function(){return this._applymodification(lighten,arguments)},brighten:function(){return this._applymodification(brighten,arguments)},darken:function(){return this._applymodification(darken,arguments)},desaturate:function(){return this._applymodification(desaturate,arguments)},saturate:function(){return this._applymodification(saturate,arguments)},greyscale:function(){return this._applymodification(greyscale,arguments)},spin:function(){return this._applymodification(spin,arguments)},_applycombination:function(fn,args){return fn.apply(null,[this].concat([].slice.call(args)))},analogous:function(){return this._applycombination(analogous,arguments)},complement:function(){return this._applycombination(complement,arguments)},monochromatic:function(){return this._applycombination(monochromatic,arguments)},splitcomplement:function(){return this._applycombination(splitcomplement,arguments)},triad:function(){return this._applycombination(triad,arguments)},tetrad:function(){return this._applycombination(tetrad,arguments)}};tinycolor.fromratio=function(color,opts){if(typeof color=="object"){var newcolor={};for(var i in color){if(color.hasownproperty(i)){if(i==="a"){newcolor[i]=color[i]}else{newcolor[i]=converttopercentage(color[i])}}}color=newcolor}return tinycolor(color,opts)};function inputtorgb(color){var rgb={r:0,g:0,b:0};var a=1;var ok=false;var format=false;if(typeof color=="string"){color=stringinputtoobject(color)}if(typeof color=="object"){if(color.hasownproperty("r")&&color.hasownproperty("g")&&color.hasownproperty("b")){rgb=rgbtorgb(color.r,color.g,color.b);ok=true;format=string(color.r).substr(-1)==="%"?"prgb":"rgb"}else{if(color.hasownproperty("h")&&color.hasownproperty("s")&&color.hasownproperty("v")){color.s=converttopercentage(color.s);color.v=converttopercentage(color.v);rgb=hsvtorgb(color.h,color.s,color.v);ok=true;format="hsv"}else{if(color.hasownproperty("h")&&color.hasownproperty("s")&&color.hasownproperty("l")){color.s=converttopercentage(color.s);color.l=converttopercentage(color.l);rgb=hsltorgb(color.h,color.s,color.l);ok=true;format="hsl"}}}if(color.hasownproperty("a")){a=color.a}}a=boundalpha(a);return{ok:ok,format:color.format||format,r:mathmin(255,mathmax(rgb.r,0)),g:mathmin(255,mathmax(rgb.g,0)),b:mathmin(255,mathmax(rgb.b,0)),a:a}}function rgbtorgb(r,g,b){return{r:bound01(r,255)*255,g:bound01(g,255)*255,b:bound01(b,255)*255}}function rgbtohsl(r,g,b){r=bound01(r,255);g=bound01(g,255);b=bound01(b,255);var max=mathmax(r,g,b),min=mathmin(r,g,b);var h,s,l=(max+min)/2;if(max==min){h=s=0}else{var d=max-min;s=l>0.5?d/(2-max-min):d/(max+min);switch(max){case r:h=(g-b)/d+(g<b?6:0);break;case g:h=(b-r)/d+2;break;case b:h=(r-g)/d+4;break}h/=6}return{h:h,s:s,l:l}}function hsltorgb(h,s,l){var r,g,b;h=bound01(h,360);s=bound01(s,100);l=bound01(l,100);function hue2rgb(p,q,t){if(t<0){t+=1}if(t>1){t-=1}if(t<1/6){return p+(q-p)*6*t}if(t<1/2){return q}if(t<2/3){return p+(q-p)*(2/3-t)*6}return p}if(s===0){r=g=b=l}else{var q=l<0.5?l*(1+s):l+s-l*s;var p=2*l-q;r=hue2rgb(p,q,h+1/3);g=hue2rgb(p,q,h);b=hue2rgb(p,q,h-1/3)}return{r:r*255,g:g*255,b:b*255}}function rgbtohsv(r,g,b){r=bound01(r,255);g=bound01(g,255);b=bound01(b,255);var max=mathmax(r,g,b),min=mathmin(r,g,b);var h,s,v=max;var d=max-min;s=max===0?0:d/max;if(max==min){h=0}else{switch(max){case r:h=(g-b)/d+(g<b?6:0);break;case g:h=(b-r)/d+2;break;case b:h=(r-g)/d+4;break}h/=6}return{h:h,s:s,v:v}}function hsvtorgb(h,s,v){h=bound01(h,360)*6;s=bound01(s,100);v=bound01(v,100);var i=math.floor(h),f=h-i,p=v*(1-s),q=v*(1-f*s),t=v*(1-(1-f)*s),mod=i%6,r=[v,q,p,p,t,v][mod],g=[t,v,v,q,p,p][mod],b=[p,p,t,v,v,q][mod];return{r:r*255,g:g*255,b:b*255}}function rgbtohex(r,g,b,allow3char){var hex=[pad2(mathround(r).tostring(16)),pad2(mathround(g).tostring(16)),pad2(mathround(b).tostring(16))];if(allow3char&&hex[0].charat(0)==hex[0].charat(1)&&hex[1].charat(0)==hex[1].charat(1)&&hex[2].charat(0)==hex[2].charat(1)){return hex[0].charat(0)+hex[1].charat(0)+hex[2].charat(0)}return hex.join("")}function rgbatohex(r,g,b,a){var hex=[pad2(convertdecimaltohex(a)),pad2(mathround(r).tostring(16)),pad2(mathround(g).tostring(16)),pad2(mathround(b).tostring(16))];return hex.join("")}tinycolor.equals=function(color1,color2){if(!color1||!color2){return false}return tinycolor(color1).torgbstring()==tinycolor(color2).torgbstring()};tinycolor.random=function(){return tinycolor.fromratio({r:mathrandom(),g:mathrandom(),b:mathrandom()})};function desaturate(color,amount){amount=(amount===0)?0:(amount||10);var hsl=tinycolor(color).tohsl();hsl.s-=amount/100;hsl.s=clamp01(hsl.s);return tinycolor(hsl)}function saturate(color,amount){amount=(amount===0)?0:(amount||10);var hsl=tinycolor(color).tohsl();hsl.s+=amount/100;hsl.s=clamp01(hsl.s);return tinycolor(hsl)}function greyscale(color){return tinycolor(color).desaturate(100)}function lighten(color,amount){amount=(amount===0)?0:(amount||10);var hsl=tinycolor(color).tohsl();hsl.l+=amount/100;hsl.l=clamp01(hsl.l);return tinycolor(hsl)}function brighten(color,amount){amount=(amount===0)?0:(amount||10);var rgb=tinycolor(color).torgb();rgb.r=mathmax(0,mathmin(255,rgb.r-mathround(255*-(amount/100))));rgb.g=mathmax(0,mathmin(255,rgb.g-mathround(255*-(amount/100))));rgb.b=mathmax(0,mathmin(255,rgb.b-mathround(255*-(amount/100))));return tinycolor(rgb)}function darken(color,amount){amount=(amount===0)?0:(amount||10);var hsl=tinycolor(color).tohsl();hsl.l-=amount/100;hsl.l=clamp01(hsl.l);return tinycolor(hsl)}function spin(color,amount){var hsl=tinycolor(color).tohsl();var hue=(mathround(hsl.h)+amount)%360;hsl.h=hue<0?360+hue:hue;return tinycolor(hsl)}function complement(color){var hsl=tinycolor(color).tohsl();hsl.h=(hsl.h+180)%360;return tinycolor(hsl)}function triad(color){var hsl=tinycolor(color).tohsl();var h=hsl.h;return[tinycolor(color),tinycolor({h:(h+120)%360,s:hsl.s,l:hsl.l}),tinycolor({h:(h+240)%360,s:hsl.s,l:hsl.l})]}function tetrad(color){var hsl=tinycolor(color).tohsl();var h=hsl.h;return[tinycolor(color),tinycolor({h:(h+90)%360,s:hsl.s,l:hsl.l}),tinycolor({h:(h+180)%360,s:hsl.s,l:hsl.l}),tinycolor({h:(h+270)%360,s:hsl.s,l:hsl.l})]}function splitcomplement(color){var hsl=tinycolor(color).tohsl();var h=hsl.h;return[tinycolor(color),tinycolor({h:(h+72)%360,s:hsl.s,l:hsl.l}),tinycolor({h:(h+216)%360,s:hsl.s,l:hsl.l})]}function analogous(color,results,slices){results=results||6;slices=slices||30;var hsl=tinycolor(color).tohsl();var part=360/slices;var ret=[tinycolor(color)];for(hsl.h=((hsl.h-(part*results>>1))+720)%360;--results;){hsl.h=(hsl.h+part)%360;ret.push(tinycolor(hsl))}return ret}function monochromatic(color,results){results=results||6;var hsv=tinycolor(color).tohsv();var h=hsv.h,s=hsv.s,v=hsv.v;var ret=[];var modification=1/results;while(results--){ret.push(tinycolor({h:h,s:s,v:v}));v=(v+modification)%1}return ret}tinycolor.mix=function(color1,color2,amount){amount=(amount===0)?0:(amount||50);var rgb1=tinycolor(color1).torgb();var rgb2=tinycolor(color2).torgb();var p=amount/100;var w=p*2-1;var a=rgb2.a-rgb1.a;var w1;if(w*a==-1){w1=w}else{w1=(w+a)/(1+w*a)}w1=(w1+1)/2;var w2=1-w1;var rgba={r:rgb2.r*w1+rgb1.r*w2,g:rgb2.g*w1+rgb1.g*w2,b:rgb2.b*w1+rgb1.b*w2,a:rgb2.a*p+rgb1.a*(1-p)};return tinycolor(rgba)};tinycolor.readability=function(color1,color2){var c1=tinycolor(color1);var c2=tinycolor(color2);var rgb1=c1.torgb();var rgb2=c2.torgb();var brightnessa=c1.getbrightness();var brightnessb=c2.getbrightness();var colordiff=(math.max(rgb1.r,rgb2.r)-math.min(rgb1.r,rgb2.r)+math.max(rgb1.g,rgb2.g)-math.min(rgb1.g,rgb2.g)+math.max(rgb1.b,rgb2.b)-math.min(rgb1.b,rgb2.b));return{brightness:math.abs(brightnessa-brightnessb),color:colordiff}};tinycolor.isreadable=function(color1,color2){var readability=tinycolor.readability(color1,color2);return readability.brightness>125&&readability.color>500};tinycolor.mostreadable=function(basecolor,colorlist){var bestcolor=null;var bestscore=0;var bestisreadable=false;for(var i=0;i<colorlist.length;i++){var readability=tinycolor.readability(basecolor,colorlist[i]);var readable=readability.brightness>125&&readability.color>500;var score=3*(readability.brightness/125)+(readability.color/500);if((readable&&!bestisreadable)||(readable&&bestisreadable&&score>bestscore)||((!readable)&&(!bestisreadable)&&score>bestscore)){bestisreadable=readable;bestscore=score;bestcolor=tinycolor(colorlist[i])}}return bestcolor};var names=tinycolor.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var hexnames=tinycolor.hexnames=flip(names);function flip(o){var flipped={};for(var i in o){if(o.hasownproperty(i)){flipped[o[i]]=i}}return flipped}function boundalpha(a){a=parsefloat(a);if(isnan(a)||a<0||a>1){a=1}return a}function bound01(n,max){if(isonepointzero(n)){n="100%"}var processpercent=ispercentage(n);n=mathmin(max,mathmax(0,parsefloat(n)));if(processpercent){n=parseint(n*max,10)/100}if((math.abs(n-max)<0.000001)){return 1}return(n%max)/parsefloat(max)}function clamp01(val){return mathmin(1,mathmax(0,val))}function parseintfromhex(val){return parseint(val,16)}function isonepointzero(n){return typeof n=="string"&&n.indexof(".")!=-1&&parsefloat(n)===1}function ispercentage(n){return typeof n==="string"&&n.indexof("%")!=-1}function pad2(c){return c.length==1?"0"+c:""+c}function converttopercentage(n){if(n<=1){n=(n*100)+"%"}return n}function convertdecimaltohex(d){return math.round(parsefloat(d)*255).tostring(16)}function converthextodecimal(h){return(parseintfromhex(h)/255)}var matchers=(function(){var css_integer="[-\\+]?\\d+%?";var css_number="[-\\+]?\\d*\\.\\d+%?";var css_unit="(?:"+css_number+")|(?:"+css_integer+")";var permissive_match3="[\\s|\\(]+("+css_unit+")[,|\\s]+("+css_unit+")[,|\\s]+("+css_unit+")\\s*\\)?";var permissive_match4="[\\s|\\(]+("+css_unit+")[,|\\s]+("+css_unit+")[,|\\s]+("+css_unit+")[,|\\s]+("+css_unit+")\\s*\\)?";return{rgb:new regexp("rgb"+permissive_match3),rgba:new regexp("rgba"+permissive_match4),hsl:new regexp("hsl"+permissive_match3),hsla:new regexp("hsla"+permissive_match4),hsv:new regexp("hsv"+permissive_match3),hsva:new regexp("hsva"+permissive_match4),hex3:/^([0-9a-fa-f]{1})([0-9a-fa-f]{1})([0-9a-fa-f]{1})$/,hex6:/^([0-9a-fa-f]{2})([0-9a-fa-f]{2})([0-9a-fa-f]{2})$/,hex8:/^([0-9a-fa-f]{2})([0-9a-fa-f]{2})([0-9a-fa-f]{2})([0-9a-fa-f]{2})$/}})();function stringinputtoobject(color){color=color.replace(trimleft,"").replace(trimright,"").tolowercase();var named=false;if(names[color]){color=names[color];named=true}else{if(color=="transparent"){return{r:0,g:0,b:0,a:0,format:"name"}}}var match;if((match=matchers.rgb.exec(color))){return{r:match[1],g:match[2],b:match[3]}}if((match=matchers.rgba.exec(color))){return{r:match[1],g:match[2],b:match[3],a:match[4]}}if((match=matchers.hsl.exec(color))){return{h:match[1],s:match[2],l:match[3]}}if((match=matchers.hsla.exec(color))){return{h:match[1],s:match[2],l:match[3],a:match[4]}}if((match=matchers.hsv.exec(color))){return{h:match[1],s:match[2],v:match[3]}}if((match=matchers.hsva.exec(color))){return{h:match[1],s:match[2],v:match[3],a:match[4]}}if((match=matchers.hex8.exec(color))){return{a:converthextodecimal(match[1]),r:parseintfromhex(match[2]),g:parseintfromhex(match[3]),b:parseintfromhex(match[4]),format:named?"name":"hex8"}}if((match=matchers.hex6.exec(color))){return{r:parseintfromhex(match[1]),g:parseintfromhex(match[2]),b:parseintfromhex(match[3]),format:named?"name":"hex"}}if((match=matchers.hex3.exec(color))){return{r:parseintfromhex(match[1]+""+match[1]),g:parseintfromhex(match[2]+""+match[2]),b:parseintfromhex(match[3]+""+match[3]),format:named?"name":"hex"}}return false}window.tinycolor=tinycolor})();$(function(){if($.fn.spectrum.load){$.fn.spectrum.processnativecolorinputs()}})});
以上就是web开发辅助工具的内容。