Forked from: blades's DATA URI Playground diff(581)

DATA URI Playground2 (jsdo.itエディタ対応DATA-URI生成)

tsmallfield

2011-04-22 13:06:55

License: GPLv3 License

Fork: 1

Fav: 18

View: 3205

Play
Stop
Reload

Fullscreen

Smart Phone

Fork tree

Readme
JavaScript 256 lines
HTML 22 lines
CSS 750 lines

DATA URI Playground2 (jsdo.itエディタ対応DATA-URI生成)

// forked from blades's "DATA URI Playground" http://jsdo.it/blades/datauriplayground
/**
 *  @fileoverview  DATA URI Playground 2
 *  @author        Tohl SMALLFIELD
 */
window.FileReader ? (function(){
  var win = this,
    doc = win.document,
    bdy = doc.body;
  
  var initialized = false;
  
  //検証中／未使用
  var atobAsync = function(b64, onSuccess, onError){
    var ifr = doc.createElement("iframe");
    ifr.onload = function(){
      try{
        //chrome contentWindow取得できず
        var idoc = ifr.contentWindow.document;
        //onSuccess( idoc.body.getElementsByTagName("pre")[0].innerHTML );
        onSuccess( idoc.body.textContent );
      }catch(err){
        try{
          onSuccess( atob(b64) );
        }catch(err){
          onError(err);
        }
      }finally{
        ifr.onload = null;
        bdy.removeChild(ifr);
        ifr = null;
      }
    };
    try{
      ifr.src = "data:text/plain;charset=utf-8;base64," + b64;
    }catch(err){
      onError(err);
    }
    bdy.appendChild(ifr);
  };
  
  var source = (function(){
    var txt = doc.querySelector("#source textarea"),
      p   = doc.querySelector("#source p");
    return {
      clear : function(){
        txt.blur();
        p.style.display = "block";
        p.innerHTML = txt.value = "";
      },
      add : function(data, data2){
        initialized || (initialized = true) && (bdy.className = "initialized");
        if(!data){
          datauri.cls("-invalid");
          return;
        }
        //
        //  data:[<MIME-type>][;charset=<encoding>][;base64],<data>
        //
        var mtc = /^data:([^\/]+)\/[^,]+,/.exec(data);
        if(mtc){
          var typ = mtc[1],
            b64 = data.replace(mtc[0], "");
            
          switch(typ){
            case "image" :
              var spn = doc.createElement("span"),
                img = new Image(),
                tmr;
              p.style.display = "block";
              img.onload = function(){
                var sty = img.style,
                  w   = p.offsetWidth  - 20,
                  h   = p.offsetHeight - 60,
                  ar  = w / h,
                  iw  = img.width,
                  ih  = img.height,
                  iar = iw / ih,
                  scl = iar > ar ?
                    //LANDSCAPE
                    iw > w ? w / iw : 1 :
                    //PORTRAIT
                    ih > h ? h / ih : 1;
                spn.innerHTML = iw + " x " + ih + "px (" + (scl * 100).toFixed(1) + "%)";
                spn.className = "";
                img.width  = iw = iw * scl >> 0 || 1;
                img.height = ih = ih * scl >> 0 || 1;
                sty.marginTop  = -(ih+2 >> 1) + 20 + "px";
                sty.marginLeft = -(iw+2 >> 1) + "px";
                clearTimeout(tmr);
                img.onload = img.onerror = null;
                p.appendChild(img);
                datauri.cls("-invalid");
              };
              tmr = setTimeout(img.onerror = function(){
                clearTimeout(tmr);
                img.onload = img.onerror = null;
                spn.innerHTML = "INVALID DATA URI";
                spn.className = "invalid";
                datauri.cls("+invalid");
              }, 5000);
              img.src = data;
              spn.innerHTML = "NOW LOADING...";
              spn.className = "loading";
              p.appendChild(spn);
              break;
            default :
              try{
                txt.value = data2 ? data2 : atob(b64);//data2は文字化け対策
                p.style.display = "none";
                datauri.cls("-invalid");
              }catch(err){
                p.style.display = "none";
                datauri.cls("+invalid");
              }
              /*
              if(data2){
                txt.value = data2;//data2は文字化け対策
                p.style.display = "none";
                datauri.cls("-invalid");
              }else{
                atobAsync(b64, function(data){
                  txt.value = data;
                  p.style.display = "none";
                  datauri.cls("-invalid");
                }, function(err){
                  p.style.display = "none";
                  datauri.cls("+invalid");
                });
              }
              */
              break;
          }
        }else{
          datauri.cls("+invalid");
        }
      }
    };
  })();
  var datauri = (function(){
    var txt = doc.querySelector("#datauri textarea"),
      nln = doc.querySelector("#newline"),
      chr = doc.querySelector("#chars"),
      cls = txt.classList,
      tmp = txt.value = "",
      refresh = function(){
        var val = txt.value.trim().replace(/\\\r?\n/g, ""),
          num;
        if( (chr.readOnly = !nln.checked) ){
          txt.value = val;
        }else{
          num = chr.value.trim();
          if( num && !/\D/.test(num) ){
            txt.value = val.replace(new RegExp("(.{" + num + "})", "g"), "$1\\\n").replace(/\\\r?\n$/, "");//文字列の最後にあるとだめっぽい
          }
        }
        if(tmp !== val){
          source.clear();
          source.add(tmp = val);
        }
        //if(val){ txt.focus(); }
      };
    refresh();
    
    nln.addEventListener("change", refresh, false);
    nln.addEventListener("click",  refresh, false);
    chr.addEventListener("change", refresh, false);
    
    txt.addEventListener("change", refresh, false);
    txt.addEventListener("keyup",  refresh, false);
    txt.addEventListener("click",  refresh, false);
    return {
      clear : function(){
        txt.blur();
        tmp = txt.value = "";
      },
      add : function(data){
        tmp = txt.value = data;
        refresh();
        this.cls("-invalid");
      },
      cls : cls ? function(xpr){
        var mtc = /^\s*(-|\+|\*)?\s*([-a-zA-Z0-9_$]+)/.exec(xpr),
          opr = mtc[1],
          str = mtc[2];
          
        switch(opr){
          case "-" :
            cls.remove(str);
            return this;
          case "+" :
            cls.add(str);
            return this;
          case "*" :
            cls.toggle(str);
            return this;
          default :
            return cls.contains(str);
        }
      } : function(xpr){
        var elm = txt,
          cur = elm.className,
          mtc = /^\s*(-|\+|\*)?\s*([-a-zA-Z0-9_$]+)/.exec(xpr),
          opr = mtc[1],
          str = mtc[2],
          rgx = new RegExp("\\b" + str + "\\b", "g");
          
        switch(opr){
          case "-" :
            elm.className = cur.replace(rgx, "");
            return this;
          case "+" :
            rgx.test(cur) || (elm.className += cur ? (" " + str) : str);
            return this;
          case "*" :
            if(rgx.test(cur)){
              elm.className = cur.replace(rgx, "");
            }else{
              elm.className += cur ? (" " + cls) : str;
            }
            return this;
          default :
            return rgx.test(cur);
        }
      }
    };
  })();
  var enableDrop = function(evt){
    evt.preventDefault();
    evt.stopPropagation();
  };
  doc.addEventListener("drop", function(evt){
    var src  = source,
      uri  = datauri,
      FR   = FileReader,
      rdr1 = new FR(),
      rdr2 = new FR(),//文字化け対策
      fl   = evt.dataTransfer.files[0],
      len  = 2,
      cmp  = function(evt){
        uri.add(rdr1.result);
        src.add(rdr1.result, rdr2.result);
      };
    enableDrop(evt);
    src.clear();
    uri.clear();
    rdr1.onload = rdr2.onload = function(){ --len || cmp(); };
    try{//テキストがドラッグされるときがある
      rdr1.readAsDataURL(fl);
      rdr2.readAsText(fl);
    }catch(err){}
  }, true);
  doc.addEventListener("dragover",  enableDrop, true);
  win.addEventListener("dragleave", enableDrop, true);
  win.addEventListener("dragenter", enableDrop, true);
})() : alert("YOUR BROWSER DOES NOT SUPPORT FILE API... XD");

DATA URI Playground2 (jsdo.itエディタ対応DATA-URI生成)

/**
 *  @fileoverview  DATA URI Playground 2
 *  @author        Tohl SMALLFIELD
 */
/*------------------------------------------------------------------------------

テキスト画像代替
              
------------------------------------------------------------------------------*/
h1
{
  display: block;
  margin: 0;
  padding: 0;
  border-style: none;
  text-indent: -10000px;
  text-decoration: none;
  text-align: left;
}

/*------------------------------------------------------------------------------

非表示部
                
------------------------------------------------------------------------------*/
iframe
{
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: -9999;
  width: 0;
  height: 0;
  overflow: hidden;
}

/*------------------------------------------------------------------------------

------------------------------------------------------------------------------*/
html,
body,
h1,
div,
p,
textarea,
img,
span,em{
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}

body{
  background: #002b66 repeat-x scroll left top;
}

h1{
  position: absolute;
  top: 2px;
  left: 7px;
  width: 375px;
  height: 53px;
}

div#wrapper,
div#datauri,
div#source{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

div#datauri{
  left: 50%;
}

div#source{
  right: 50%;
}

div#source:after,
div#datauri:after{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 85px;
  margin-top: -30px;
  content: " ";
}

div#source:after{
  width: 109px;
  margin-left: -49px;
}

div#datauri:after{
  width: 105px;
  margin-left: -57px;
}

body.initialized div#source:after,
body.initialized div#datauri:after{
  display: none;
}

div#wrapper div div{
  position: absolute;
  /*----- 子要素の<p>/<textarea>パディング含む -----*/
  top:    68px;
  right:  16px;
  bottom: 52px;
  left:   16px;
}

div#source p,
textarea{
  display: block;
  position: absolute;
  top:    -10px;
  bottom: -10px;
  width: 100%;
  height: 100%;
  overflow: visible;
  padding: 10px;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #000;
  -moz-box-shadow:    inset 3px 3px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.25);
  outline: none;
}

div#source p,
div#source textarea{
  right:  -16px;
  -moz-border-radius-topleft:        10px;
  -webkit-border-top-left-radius:    10px;
}

div#datauri textarea{
  left:   -16px;
  -moz-border-radius-topright:        10px;
  -webkit-border-top-right-radius:    10px;
}

div#source p{
  overflow: hidden;
  background: repeat scroll center center;
  text-align: center;
}

div#source span{
  display: block;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.75);
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  color: #fff;
}

div#source span.loading{
  background-color: rgba(0, 51, 153, 0.75);
}

div#source span.invalid{
  background-color: rgba(153, 0, 0, 0.75);
}

textarea{
  background-color: #fff;
  color: #333;
  word-break: break-all;
}

div#datauri textarea:focus{
  background-color: #ffd;
  color: #000;
}

div#datauri textarea.invalid{
  background-color: #fdd;
  border-color: #f00;
  color: #f00;
}

div#datauri textarea.invalid:focus{
  background-color: #fee;
}

img{
  position: absolute;
  top: 50%;
  left: 50%;
  vertical-align: top;
  border: 1px solid #f00;
  font-size: 0;
}

/*------------------------------------------------------------------------------

オプション
                
------------------------------------------------------------------------------*/
div#options{
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 20px;
  padding: 5px 10px;
  background-color: #333;
  background: -moz-linear-gradient(top, #333, #000);
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
  border: 1px solid #000;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius:  10px;
  -moz-border-radius-bottomright:     10px;
  -moz-border-radius-bottomleft:      10px;
  xtext-align: right;
  color: #999;
  font-size: 70%;
  font-family: myriad, helvetica, verdana, osaka, sans-serif;
}

div#options input{
  vertical-align: middle;
}

input#newline{
  border: 1px solid #000;
  outline: none;
}

input#chars{
  width: 2em;
  height: 14px;
  margin: 0 4px;
  padding: 2px 4px;
  border: 1px solid #000;
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
}

input#chars[readonly]{
  background-color: #666;
  color: #333;
}

div#options span{
  color: #fff;
  font-weight: bold;
}

div#options em{
  color: #f00;
  font-weight: bold;
}

/*------------------------------------------------------------------------------

プログレスバー
                
------------------------------------------------------------------------------*/
div#progressBar{
  display: none;
  position: absolute;
  top:   50%;
  right: 25%;
  left:  25%;
  margin-top: -10px;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.75);
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
}

div#progressBar p{
  padding: 5px 0;
  color: #fff;
  text-align: center;
  font-size: 65%;
  font-family: verdana;
}

div#progressBar div{
  height: 5px;
  background-color: #000;
}

div#progressBar div#bar{
  width: 0;
  height: 5px;
  background-color: #1db2ff;
  -moz-box-shadow: 0 0 1px #005ed9;
}

/*------------------------------------------------------------------------------

DATA URIs
                
------------------------------------------------------------------------------*/
body{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIA\
AABGCAMAAADRobVsAAABDlBMVEUAK2YAKmcAK2cAK2kAKWUALG\
kAKmgAKWYAMXEALGgAOo0AIlQALmwANJUAI1QAHUcAMXIAHkYA\
OJIAKWcAKWQAJFgAIlUAGjwAH0wAGDkAM5QAN5IAGTsAOoUAI1\
cAKGMAOIEAL24AO4wAKGIALpMAOYgAHUYAKI4AHEMAJ18AGDgA\
HkkAJFoAH00ANXoAOY4AHEQANn0AIFAAGToAM3UALJEAI1kANp\
QAIk4AOH8AGz8AIEsAH0gAJl0AOZEAH0oAJmAAJV0ANHcAKWMA\
OYQAMJUAH08AMZQAJV4AJ40AKpAAHEIAHUIAOYkAGj0AJloAGz\
0AIVMAJ2IAJFsAI1gAJ2EAK2gAG0AAIVIAJl/CWkQ6AAAAo0lE\
QVR42m3Ix0LCQAAA0dnNJhTpoihKb4pUwYoFEEGqoKb9/49I7s\
zhHYb6nPMtvRqXNqkFmxXPd9hxlmWuXuh8Uh0QnXHzyHuaM4dm\
mGmE2wecE3YXHH1zmiD7yt8b99c02vyajIJ8feAWcRXDNaaPnw\
olQS5D0kBNUBoq7+l7QuztcqwhWggdY4zUkX3vixiGhvQjA8gC\
0kKEEBJ0EGBxqH+qPRGwe0gQxwAAAABJRU5ErkJggg==");
}

h1{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcA\
AAA1CAMAAACN+VsfAAADAFBMVEUAJVkAJl0AOYUALJEAS9IAIV\
EAWc0ASLoARawAQqsAOJoARbUAPpkAQZkAQaEAYuAAHkUAYd0A\
PaEAIk4AXtkALXoAUcEAHUIARaEAU9wAQ7QASMAAPZEAVM0ASr\
0ASbUAQJUARakARbwARrkATbQANYgAa/UARKYAPY4AIEsAMoIA\
VsUAYeYANZUARZ0AKmgAOZ4AULkAWdoATb4APLkAOakAUswATb\
kAJ2EARcEAXdYARrEAOa0APa0ANY0ATbEAWNIALXYAUr0AMXMA\
MJUAQbkAXNwAVtEASrEAQa4APqkAObEANZoAJFUANaUANZEAZu\
oAWuIAR8sAPLEAL5sAPLUAae0ALWwAOZUAPJQASKUAVMEAJ18A\
UMoASakAPqQANocALnIAV8oATMoAMHYAXeYAUsUAOYgAK2YATs\
UAYukANoIALGkAOpAAMYUAO4wAOaEAW94AMHQAWdYAXOkALm8A\
LpQAN50AVN4AQ7IAK2wAOY4AZ/EAOIwAOJAAXeIAPJ4AScYAPp\
wALGsAS8IANIAAQaYASK4AV9QAMYkAQKMAQr0AMXEAPsAAPpcA\
NIYAKWQAQqQAZO0ANH4AMnoANoQAN4IAQJwAPpMAMnwAK28AQK\
cAO5IAObQAPYoAKWYAOaUAV8gAMn8AQJ8ANHwANqkATs8AN48A\
XNEAM5QAX+AAMXgAL3gALXAANIIAScoAS64AQ5kAM3oAVMgAXu\
IAMHsANn8AMJkAQ50ASs4AUNEAS6wAOogAO5cAM4MAOooAM5AA\
LHIAY+UAXOAAMXwAI1QAOIoAN5IAQ68AZOIAY+4APp0AMpYAQL\
AAM4wAOH4AMp4AU9YAWeQALmwAL28AQ6AANnwAaPMAKmkAR6sA\
MH4AT7UAKWkATK4AT9gAO5wAP7QAG0AAH0gAKI4AKpAAHD8qvv\
8rv/8juf8nvP8kuv8mu/8lu/8ovf8it/8es/8dsv8ftP8gtf8A\
KmQhtv8AMXcAX9sswP8AL4EAKWsAWMkAI1IANHcAU8sAK2n///\
+SSYswAAAiUElEQVRo3uxXe1BT57bfmQPsPDiCG+W0ocQ2kVqw\
OYASmxhIy72NHiKgkGrIaTwQwBYrQa4eGoEaeeYIjE1ScPQATh\
CsiJDqzJFpZSaODxBaxVHnOrXUEa73MaA85CFjL3OYu769d8JO\
EO+f9Y9+a5Kstb7f+q3f2lmhFfvP//7NfgXD/uO382sc7L/+8J\
v9Cob94bfzaxzsd4G/C/w88PPwj4IYFg6ZwN8FetyRuUXIxTeM\
Wlf95158lL2Ew4Pnxeq8eV8VW6zr80cfufSHf/SIzmOBgYGPHo\
X7JiVhLBZGW1KSb/ijR4GBjDuMynkjF9CeuEDXQXnfuTkPPt+5\
pLm5uRd0ZLK7eZZQ58X7qpxFul48VCCGvp9ve5IfnIiPWUlb/I\
mir7HbQeROBd3Gvi6COyrn+22SB5JCP0hO+tbXAxdEbyTFLY2V\
Jvd8G86IH8RKY+sXdWSyI1aq5sXqEJbJ+6rY4nl9k6Un6mPij4\
DF1J+QJvuSNxhsTtAc65eBvMuX22i7XJV3xY7NhYc/Cg+fw+xX\
8uCOymFJOg8kic4b+EWXhHngUC11EPfK+JUPWHNBjHgAUs8XdW\
SyI1aq5sXqEJbJ+6ocr3kXHqDng32EfRj+4VxyUc3Th0/vPj3w\
9HWwA+CnPldLbwd9G3Rbqn6eCjGduy8pOvLUh8TcJQ1V+Dw9Ui\
+574FDteEfhru4U5/W/JI8x4xT21IXd6TZKWZgtSYHLanufuwV\
D95XxbzmvZ30dX3N5afJTyWkJT+9XFP0ddLt8A+x8PDwHtaVvG\
TJiRMxX5+QbJFsiT0RG2tsG6hnJfkmseoH2oyxsSe2ULn4+vjO\
rYkSwMScOBJzhKyQJLZ1xhfFe+CgNigoPJzmTkxMzLvC6mHEyZ\
CSSGK8OiL2NuMWknmLsa3jARa0pLrOKwNVRgbvq3I85g0Kcj/A\
WI8HGxSE9h2TrEyd+OvEDxMpEwfAUsBPmbiYp7YnR6qrLpLxLi\
p3uSZPNulDYn6Y+JGqgFiWV3PZA1elthp7boa7uA9MpK6UYB8y\
4gOSA4s7Xq4ZqJl4SDM/nFDeJ3fmxeouyy77MHlfFfOY9+ZcU5\
GsbWLLRAy8JPRnm6yoae4mFgTPfrpTrN5+ZLvaaBQnio1oE9Vq\
o7hTD1vMzVerYySx+bEol2+8VZWnuCUWG42AP3IkBlWIbynyqm\
4ZPXDcAYcOm5ujuSUSibhzGnVyxdshFbOoIzdioFMhlpDMEnGV\
YxqbW1KdUcE1qhm8r8rxmDcJs8dvNaIHI0k0uqVvjbdjSVibbx\
tL8txn4t3JlPzUqprnsNHirsldkymT56pgi+EzZbIr8VziQ9J7\
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");
}

div#source:after{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0A\
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");
}

div#datauri:after{
  width: 105px;
  margin-left: -57px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkA\
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\
wxAAAAAElFTkSuQmCC");
}

div#source p{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAA\
AAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbW\
FnZVJlYWR5ccllPAAAAAZQTFRF////zMzMOOqqgwAAABhJREFU\
eNpiYIACRihgGCCBgbYfCgACDABFEACBJZy7kAAAAABJRU5Erk\
Jggg==");
}

As you may know already, very long lines (e.g. DATA URI) in jsdo.it editor somehow prevent it from highlighting codes. To solve this problem, i've added a new feature of inserting an (escaped) newline after every arbitrary number(50, by default) of characters to generated/pasted DATA URIs. (Note that you have to use quotaion marks for css background-image on webkit browsers.) ------------------------------ jsdo.itのエディタはDATA URIのように長い文字列を1行に入れてしまうとコードハイライトが利かなくなるようなので、生成(orコピペ)したDATA URIを任意文字数ごとに改行する機能を追加しました。（※webkitでCSS背景画像を指定する際は改行したDATA-URIを引用符で囲まないとだめみたいです。）（js,cssでは改行したDATA URI使えるがhtmlではだめ？？）// forked from blades's "DATA URI Playground" http://jsdo.it/blades/datauriplayground /** * @fileoverview DATA URI Playground 2 * @author Tohl SMALLFIELD */ window.FileReader ? (function(){ var win = this, doc = win.document, bdy = doc.body; var initialized = false; //検証中／未使用 var atobAsync = function(b64, onSuccess, onError){ var ifr = doc.createElement("iframe"); ifr.onload = function(){ try{ //chrome contentWindow取得できず var idoc = ifr.contentWindow.document; //onSuccess( idoc.body.getElementsByTagName("pre")[0].innerHTML ); onSuccess( idoc.body.textContent ); }catch(err){ try{ onSuccess( atob(b64) ); }catch(err){ onError(err); } }finally{ ifr.onload = null; bdy.removeChild(ifr); ifr = null; } }; try{ ifr.src = "data:text/plain;charset=utf-8;base64," + b64; }catch(err){ onError(err); } bdy.appendChild(ifr); }; var source = (function(){ var txt = doc.querySelector("#source textarea"), p = doc.querySelector("#source p"); return { clear : function(){ txt.blur(); p.style.display = "block"; p.innerHTML = txt.value = ""; }, add : function(data, data2){ initialized || (initialized = true) && (bdy.className = "initialized"); if(!data){ datauri.cls("-invalid"); return; } // // data:[<MIME-type>][;charset=<encoding>][;base64],<data> // var mtc = /^data:([^\/]+)\/[^,]+,/.exec(data); if(mtc){ var typ = mtc[1], b64 = data.replace(mtc[0], ""); switch(typ){ case "image" : var spn = doc.createElement("span"), img = new Image(), tmr; p.style.display = "block"; img.onload = function(){ var sty = img.style, w = p.offsetWidth - 20, h = p.offsetHeight - 60, ar = w / h, iw = img.width, ih = img.height, iar = iw / ih, scl = iar > ar ? //LANDSCAPE iw > w ? w / iw : 1 : //PORTRAIT ih > h ? h / ih : 1; spn.innerHTML = iw + " x " + ih + "px (" + (scl * 100).toFixed(1) + "%)"; spn.className = ""; img.width = iw = iw * scl >> 0 || 1; img.height = ih = ih * scl >> 0 || 1; sty.marginTop = -(ih+2 >> 1) + 20 + "px"; sty.marginLeft = -(iw+2 >> 1) + "px"; clearTimeout(tmr); img.onload = img.onerror = null; p.appendChild(img); datauri.cls("-invalid"); }; tmr = setTimeout(img.onerror = function(){ clearTimeout(tmr); img.onload = img.onerror = null; spn.innerHTML = "INVALID DATA URI"; spn.className = "invalid"; datauri.cls("+invalid"); }, 5000); img.src = data; spn.innerHTML = "NOW LOADING..."; spn.className = "loading"; p.appendChild(spn); break; default : try{ txt.value = data2 ? data2 : atob(b64);//data2は文字化け対策 p.style.display = "none"; datauri.cls("-invalid"); }catch(err){ p.style.display = "none"; datauri.cls("+invalid"); } /* if(data2){ txt.value = data2;//data2は文字化け対策 p.style.display = "none"; datauri.cls("-invalid"); }else{ atobAsync(b64, function(data){ txt.value = data; p.style.display = "none"; datauri.cls("-invalid"); }, function(err){ p.style.display = "none"; datauri.cls("+invalid"); }); } */ break; } }else{ datauri.cls("+invalid"); } } }; })(); var datauri = (function(){ var txt = doc.querySelector("#datauri textarea"), nln = doc.querySelector("#newline"), chr = doc.querySelector("#chars"), cls = txt.classList, tmp = txt.value = "", refresh = function(){ var val = txt.value.trim().replace(/\\\r?\n/g, ""), num; if( (chr.readOnly = !nln.checked) ){ txt.value = val; }else{ num = chr.value.trim(); if( num && !/\D/.test(num) ){ txt.value = val.replace(new RegExp("(.{" + num + "})", "g"), "$1\\\n").replace(/\\\r?\n$/, "");//文字列の最後にあるとだめっぽい } } if(tmp !== val){ source.clear(); source.add(tmp = val); } //if(val){ txt.focus(); } }; refresh(); nln.addEventListener("change", refresh, false); nln.addEventListener("click", refresh, false); chr.addEventListener("change", refresh, false); txt.addEventListener("change", refresh, false); txt.addEventListener("keyup", refresh, false); txt.addEventListener("click", refresh, false); return { clear : function(){ txt.blur(); tmp = txt.value = ""; }, add : function(data){ tmp = txt.value = data; refresh(); this.cls("-invalid"); }, cls : cls ? function(xpr){ var mtc = /^\s*(-|\+|\*)?\s*([-a-zA-Z0-9_$]+)/.exec(xpr), opr = mtc[1], str = mtc[2]; switch(opr){ case "-" : cls.remove(str); return this; case "+" : cls.add(str); return this; case "*" : cls.toggle(str); return this; default : return cls.contains(str); } } : function(xpr){ var elm = txt, cur = elm.className, mtc = /^\s*(-|\+|\*)?\s*([-a-zA-Z0-9_$]+)/.exec(xpr), opr = mtc[1], str = mtc[2], rgx = new RegExp("\\b" + str + "\\b", "g"); switch(opr){ case "-" : elm.className = cur.replace(rgx, ""); return this; case "+" : rgx.test(cur) || (elm.className += cur ? (" " + str) : str); return this; case "*" : if(rgx.test(cur)){ elm.className = cur.replace(rgx, ""); }else{ elm.className += cur ? (" " + cls) : str; } return this; default : return rgx.test(cur); } } }; })(); var enableDrop = function(evt){ evt.preventDefault(); evt.stopPropagation(); }; doc.addEventListener("drop", function(evt){ var src = source, uri = datauri, FR = FileReader, rdr1 = new FR(), rdr2 = new FR(),//文字化け対策 fl = evt.dataTransfer.files[0], len = 2, cmp = function(evt){ uri.add(rdr1.result); src.add(rdr1.result, rdr2.result); }; enableDrop(evt); src.clear(); uri.clear(); rdr1.onload = rdr2.onload = function(){ --len || cmp(); }; try{//テキストがドラッグされるときがある rdr1.readAsDataURL(fl); rdr2.readAsText(fl); }catch(err){} }, true); doc.addEventListener("dragover", enableDrop, true); win.addEventListener("dragleave", enableDrop, true); win.addEventListener("dragenter", enableDrop, true); })() : alert("YOUR BROWSER DOES NOT SUPPORT FILE API... XD");<header> <h1>DATA URI Playground 2</h1> </header> <div id="wrapper"> <div id="source"> <div> <textarea readonly></textarea> <p></p> </div> </div> <div id="datauri"> <div><textarea></textarea></div> </div> <div id="options"> <form action="javascript:;" method="" id="f"> DATA URI option: <input type="checkbox" id="newline" name="newline" checked="true" /> <label for="newline">Insert a newline</label> <label for="chars">after every</label><input type="text" id="chars" name="chars" value="50" />chars for <span><em>js</em>do.it</span> editor </form> </div> </div>/** * @fileoverview DATA URI Playground 2 * @author Tohl SMALLFIELD */ /*------------------------------------------------------------------------------ テキスト画像代替 ------------------------------------------------------------------------------*/ h1 { display: block; margin: 0; padding: 0; border-style: none; text-indent: -10000px; text-decoration: none; text-align: left; } /*------------------------------------------------------------------------------ 非表示部 ------------------------------------------------------------------------------*/ iframe { position: absolute; top: -9999px; left: -9999px; z-index: -9999; width: 0; height: 0; overflow: hidden; } /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ html, body, h1, div, p, textarea, img, span,em{ margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; } body{ background: #002b66 repeat-x scroll left top; } h1{ position: absolute; top: 2px; left: 7px; width: 375px; height: 53px; } div#wrapper, div#datauri, div#source{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } div#datauri{ left: 50%; } div#source{ right: 50%; } div#source:after, div#datauri:after{ display: block; position: absolute; top: 50%; left: 50%; height: 85px; margin-top: -30px; content: " "; } div#source:after{ width: 109px; margin-left: -49px; } div#datauri:after{ width: 105px; margin-left: -57px; } body.initialized div#source:after, body.initialized div#datauri:after{ display: none; } div#wrapper div div{ position: absolute; /*----- 子要素の<p>/<textarea>パディング含む -----*/ top: 68px; right: 16px; bottom: 52px; left: 16px; } div#source p, textarea{ display: block; position: absolute; top: -10px; bottom: -10px; width: 100%; height: 100%; overflow: visible; padding: 10px; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #000; -moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.25); outline: none; } div#source p, div#source textarea{ right: -16px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } div#datauri textarea{ left: -16px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } div#source p{ overflow: hidden; background: repeat scroll center center; text-align: center; } div#source span{ display: block; padding: 5px; background-color: rgba(0, 0, 0, 0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; } div#source span.loading{ background-color: rgba(0, 51, 153, 0.75); } div#source span.invalid{ background-color: rgba(153, 0, 0, 0.75); } textarea{ background-color: #fff; color: #333; word-break: break-all; } div#datauri textarea:focus{ background-color: #ffd; color: #000; } div#datauri textarea.invalid{ background-color: #fdd; border-color: #f00; color: #f00; } div#datauri textarea.invalid:focus{ background-color: #fee; } img{ position: absolute; top: 50%; left: 50%; vertical-align: top; border: 1px solid #f00; font-size: 0; } /*------------------------------------------------------------------------------ オプション ------------------------------------------------------------------------------*/ div#options{ position: absolute; left: 10px; right: 10px; bottom: 10px; height: 20px; padding: 5px 10px; background-color: #333; background: -moz-linear-gradient(top, #333, #000); background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); border: 1px solid #000; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; xtext-align: right; color: #999; font-size: 70%; font-family: myriad, helvetica, verdana, osaka, sans-serif; } div#options input{ vertical-align: middle; } input#newline{ border: 1px solid #000; outline: none; } input#chars{ width: 2em; height: 14px; margin: 0 4px; padding: 2px 4px; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input#chars[readonly]{ background-color: #666; color: #333; } div#options span{ color: #fff; font-weight: bold; } div#options em{ color: #f00; font-weight: bold; } /*------------------------------------------------------------------------------ プログレスバー ------------------------------------------------------------------------------*/ div#progressBar{ display: none; position: absolute; top: 50%; right: 25%; left: 25%; margin-top: -10px; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.75); -moz-border-radius: 5px; -webkit-border-radius: 5px; } div#progressBar p{ padding: 5px 0; color: #fff; text-align: center; font-size: 65%; font-family: verdana; } div#progressBar div{ height: 5px; background-color: #000; } div#progressBar div#bar{ width: 0; height: 5px; background-color: #1db2ff; -moz-box-shadow: 0 0 1px #005ed9; } /*------------------------------------------------------------------------------ DATA URIs ------------------------------------------------------------------------------*/ body{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIA\ AABGCAMAAADRobVsAAABDlBMVEUAK2YAKmcAK2cAK2kAKWUALG\ kAKmgAKWYAMXEALGgAOo0AIlQALmwANJUAI1QAHUcAMXIAHkYA\ OJIAKWcAKWQAJFgAIlUAGjwAH0wAGDkAM5QAN5IAGTsAOoUAI1\ cAKGMAOIEAL24AO4wAKGIALpMAOYgAHUYAKI4AHEMAJ18AGDgA\ HkkAJFoAH00ANXoAOY4AHEQANn0AIFAAGToAM3UALJEAI1kANp\ QAIk4AOH8AGz8AIEsAH0gAJl0AOZEAH0oAJmAAJV0ANHcAKWMA\ OYQAMJUAH08AMZQAJV4AJ40AKpAAHEIAHUIAOYkAGj0AJloAGz\ 0AIVMAJ2IAJFsAI1gAJ2EAK2gAG0AAIVIAJl/CWkQ6AAAAo0lE\ QVR42m3Ix0LCQAAA0dnNJhTpoihKb4pUwYoFEEGqoKb9/49I7s\ zhHYb6nPMtvRqXNqkFmxXPd9hxlmWuXuh8Uh0QnXHzyHuaM4dm\ mGmE2wecE3YXHH1zmiD7yt8b99c02vyajIJ8feAWcRXDNaaPnw\ olQS5D0kBNUBoq7+l7QuztcqwhWggdY4zUkX3vixiGhvQjA8gC\ 0kKEEBJ0EGBxqH+qPRGwe0gQxwAAAABJRU5ErkJggg=="); } h1{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcA\ AAA1CAMAAACN+VsfAAADAFBMVEUAJVkAJl0AOYUALJEAS9IAIV\ EAWc0ASLoARawAQqsAOJoARbUAPpkAQZkAQaEAYuAAHkUAYd0A\ PaEAIk4AXtkALXoAUcEAHUIARaEAU9wAQ7QASMAAPZEAVM0ASr\ 0ASbUAQJUARakARbwARrkATbQANYgAa/UARKYAPY4AIEsAMoIA\ VsUAYeYANZUARZ0AKmgAOZ4AULkAWdoATb4APLkAOakAUswATb\ kAJ2EARcEAXdYARrEAOa0APa0ANY0ATbEAWNIALXYAUr0AMXMA\ MJUAQbkAXNwAVtEASrEAQa4APqkAObEANZoAJFUANaUANZEAZu\ oAWuIAR8sAPLEAL5sAPLUAae0ALWwAOZUAPJQASKUAVMEAJ18A\ UMoASakAPqQANocALnIAV8oATMoAMHYAXeYAUsUAOYgAK2YATs\ UAYukANoIALGkAOpAAMYUAO4wAOaEAW94AMHQAWdYAXOkALm8A\ LpQAN50AVN4AQ7IAK2wAOY4AZ/EAOIwAOJAAXeIAPJ4AScYAPp\ wALGsAS8IANIAAQaYASK4AV9QAMYkAQKMAQr0AMXEAPsAAPpcA\ NIYAKWQAQqQAZO0ANH4AMnoANoQAN4IAQJwAPpMAMnwAK28AQK\ cAO5IAObQAPYoAKWYAOaUAV8gAMn8AQJ8ANHwANqkATs8AN48A\ XNEAM5QAX+AAMXgAL3gALXAANIIAScoAS64AQ5kAM3oAVMgAXu\ IAMHsANn8AMJkAQ50ASs4AUNEAS6wAOogAO5cAM4MAOooAM5AA\ LHIAY+UAXOAAMXwAI1QAOIoAN5IAQ68AZOIAY+4APp0AMpYAQL\ AAM4wAOH4AMp4AU9YAWeQALmwAL28AQ6AANnwAaPMAKmkAR6sA\ MH4AT7UAKWkATK4AT9gAO5wAP7QAG0AAH0gAKI4AKpAAHD8qvv\ 8rv/8juf8nvP8kuv8mu/8lu/8ovf8it/8es/8dsv8ftP8gtf8A\ KmQhtv8AMXcAX9sswP8AL4EAKWsAWMkAI1IANHcAU8sAK2n///\ +SSYswAAAiUElEQVRo3uxXe1BT57bfmQPsPDiCG+W0ocQ2kVqw\ OYASmxhIy72NHiKgkGrIaTwQwBYrQa4eGoEaeeYIjE1ScPQATh\ CsiJDqzJFpZSaODxBaxVHnOrXUEa73MaA85CFjL3OYu769d8JO\ EO+f9Y9+a5Kstb7f+q3f2lmhFfvP//7NfgXD/uO382sc7L/+8J\ v9Cob94bfzaxzsd4G/C/w88PPwj4IYFg6ZwN8FetyRuUXIxTeM\ Wlf95158lL2Ew4Pnxeq8eV8VW6zr80cfufSHf/SIzmOBgYGPHo\ X7JiVhLBZGW1KSb/ijR4GBjDuMynkjF9CeuEDXQXnfuTkPPt+5\ pLm5uRd0ZLK7eZZQ58X7qpxFul48VCCGvp9ve5IfnIiPWUlb/I\ mir7HbQeROBd3Gvi6COyrn+22SB5JCP0hO+tbXAxdEbyTFLY2V\ Jvd8G86IH8RKY+sXdWSyI1aq5sXqEJbJ+6rY4nl9k6Un6mPij4\ DF1J+QJvuSNxhsTtAc65eBvMuX22i7XJV3xY7NhYc/Cg+fw+xX\ 8uCOymFJOg8kic4b+EWXhHngUC11EPfK+JUPWHNBjHgAUs8XdW\ SyI1aq5sXqEJbJ+6ocr3kXHqDng32EfRj+4VxyUc3Th0/vPj3w\ 9HWwA+CnPldLbwd9G3Rbqn6eCjGduy8pOvLUh8TcJQ1V+Dw9Ui\ +574FDteEfhru4U5/W/JI8x4xT21IXd6TZKWZgtSYHLanufuwV\ D95XxbzmvZ30dX3N5afJTyWkJT+9XFP0ddLt8A+x8PDwHtaVvG\ TJiRMxX5+QbJFsiT0RG2tsG6hnJfkmseoH2oyxsSe2ULn4+vjO\ rYkSwMScOBJzhKyQJLZ1xhfFe+CgNigoPJzmTkxMzLvC6mHEyZ\ CSSGK8OiL2NuMWknmLsa3jARa0pLrOKwNVRgbvq3I85g0Kcj/A\ WI8HGxSE9h2TrEyd+OvEDxMpEwfAUsBPmbiYp7YnR6qrLpLxLi\ p3uSZPNulDYn6Y+JGqgFiWV3PZA1elthp7boa7uA9MpK6UYB8y\ 4gOSA4s7Xq4ZqJl4SDM/nFDeJ3fmxeouyy77MHlfFfOY9+ZcU5\ GsbWLLRAy8JPRnm6yoae4mFgTPfrpTrN5+ZLvaaBQnio1oE9Vq\ o7hTD1vMzVerYySx+bEol2+8VZWnuCUWG42AP3IkBlWIbynyqm\ 4ZPXDcAYcOm5ujuSUSibhzGnVyxdshFbOoIzdioFMhlpDMEnGV\ YxqbW1KdUcE1qhm8r8rxmDcJs8dvNaIHI0k0uqVvjbdjSVibbx\ tL8txn4t3JlPzUqprnsNHirsldkymT56pgi+EzZbIr8VziQ9J7\ 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"); } div#source:after{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0A\ 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"); } div#datauri:after{ width: 105px; margin-left: -57px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkA\ 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\ wxAAAAAElFTkSuQmCC"); } div#source p{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAA\ AAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbW\ FnZVJlYWR5ccllPAAAAAZQTFRF////zMzMOOqqgwAAABhJREFU\ eNpiYIACRihgGCCBgbYfCgACDABFEACBJZy7kAAAAABJRU5Erk\ Jggg=="); }

Play on jsdo.it games
Share
Embed
QR
Tag
Download

Complete!

Description どんなゲームですか？

Control Device

	スマートフォンコントローラー jsdo.it WebSocket Controller»
	マウス
	キーボード
	タッチデバイス

Fullscreen

有効
無効

jsdo.it games から削除する Submit

style

Design view
Code view

code

<script type="text/javascript" src="http://jsdo.it/blogparts/iXnS/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/tsmallfield/datauriplayground2" title="DATA URI Playground2 (jsdo.itエディタ対応DATA-URI生成)">DATA URI Playground2 (jsdo.itエディタ対応DATA-URI生成) - jsdo.it - share JavaScript, HTML5 and CSS</a></p>

QR Code