おぐCOJ

COJは終わった

デッキ画像のアレ

作ったもの

はてなブログがゴミすぎてソースコードを上手く表示できていないのであげなおし

使い方はいつものです。以下のコードをブックマーク登録して、デッキ作成画面で使ってください。

Internet Explorer用

javascript:(function(d){v=d.createElement('canvas');v.width=480;v.height=424;t=v.getContext('2d');t.fillRect(0,0,480,424);k=deck_container.childNodes[1].childNodes;f=new Image();f.src="../img/pc/foil/foil_thum.png";a=[];for(n=0;n<k.length;n++){s=k[n].childNodes;c=new Image();c.src=s[11].getAttribute('style').match(/\.\..+jpg/);c.f=s[1].className;for(m=0;m<s[9].innerHTML.match(/\d/);m++)a.push(c);}for(m=0;m<a.length;m++){x=(m%8)*60;y=(m/8|0)*85;t.drawImage(a[m],x,y,60,84);if(a[m].f)t.drawImage(f,x,y,60,84);}i=new Image();with(i.style){display='block';position='fixed';top=0;right=0;zIndex=100;}i.src=v.toDataURL();d.body.appendChild(i);i.onclick=function(){d.body.removeChild(this);};})(document);

スクリプトを使うと、1枚にまとめられたデッキ画像が画面右上に表示されますので、普通に右クリックで保存してください。

出力されたデッキ画像は、左クリックすると消えるようにしました。


Opera, Google Chrome, Mozilla Firefox用

javascript:(function(d){v=d.createElement('canvas');v.width=480;v.height=424;t=v.getContext('2d');t.fillRect(0,0,480,424);k=deck_container.childNodes[1].childNodes;f=new Image();f.src="../img/pc/foil/foil_thum.png";a=[];for(n=0;n<k.length;n++){s=k[n].childNodes;c=new Image();c.src=s[11].getAttribute('style').match(/\.\..+jpg/);c.f=s[1].className;for(m=0;m<s[9].innerHTML.match(/\d/);m++)a.push(c);}for(m=0;m<a.length;m++){x=(m%8)*60;y=(m/8|0)*85;t.drawImage(a[m],x,y,60,84);if(a[m].f)t.drawImage(f,x,y,60,84);}l=d.createElement('a');l.href=v.toDataURL();l.download='deck';d.body.appendChild(l);l.click();})(document);

スクリプトを使うと、自動でデッキ画像の保存ダイアログが開きます。