フォイルリスト画像出力パッチ
いつものアレ(フォイルリスト作成用スクリプト)の追加プログラムです。
これ使ってみてください。
javascript:(function(d){a=[];Array.prototype.forEach.call(c.childNodes[1].childNodes,function(e){if(e.style.display!='none'){s=e.childNodes;b=new Image();b.src=s[5].getAttribute('style').match(/\.\..+jpg/);b.f=s[1].className;b.n=e.n;a.push(b);}});f=new Image();f.src='../img/pc/foil/foil_thum.png';q=new Image();q.src='../img/pc/deck/card_quantity_bg.png';v=d.createElement('canvas');v.width=o=Math.min(16,a.length)*40;v.height=p=(((a.length-1)/16|0)+1)*56;t=v.getContext('2d');t.font='12pt Arial';t.fillRect(0,0,o,p);t.fillStyle='#FFF';for(m=0;m<a.length;m++){x=(m%(16))*40;y=(m/16|0)*56;t.drawImage(a[m],x,y,40,56);if(a[m].f)t.drawImage(f,x,y,40,56);t.drawImage(q,x+19,y+40,21,16);t.fillText('x'+a[m].n,x+22,y+54);}i=new Image();with(i.style){display='block';position='fixed';top=0;right=0;zIndex=100;}i.src=v.toDataURL();d.body.appendChild(i);})(document);
使い方:
まずフォイルリスト作成用スクリプト(下記参照)でリストを作る
フォイルリスト作成スクリプト 1.3EX - おぐCOJ
終わったら今回の新しいスクリプトも追加で使う
リストが画像として出力されるはず
保存しよう
このスクリプトの何がすごいの?
スクリーンショットとかペイントとかトリミングとか面倒なことがないよ!!
どうせなのでインデント付きのプログラムとして読みやすいやつも掲載(中身全く同じだよ)。
javascript:(function(d){ a=[]; Array.prototype.forEach.call(c.childNodes[1].childNodes,function(e){ if(e.style.display!='none'){ s=e.childNodes; b=new Image(); b.src=s[5].getAttribute('style').match(/\.\..+jpg/); b.f=s[1].className; b.n=e.n; a.push(b); } }); f=new Image(); f.src='../img/pc/foil/foil_thum.png'; q=new Image(); q.src='../img/pc/deck/card_quantity_bg.png'; v=d.createElement('canvas'); v.width=o=Math.min(16,a.length)*40; v.height=p=(((a.length-1)/16|0)+1)*56; t=v.getContext('2d'); t.font='12pt Arial'; t.fillRect(0,0,o,p); t.fillStyle='#FFF'; for(m=0;m<a.length;m++){ x=(m%(16))*40; y=(m/16|0)*56; t.drawImage(a[m],x,y,40,56); if(a[m].f)t.drawImage(f,x,y,40,56); t.drawImage(q,x+19,y+40,21,16); t.fillText('x'+a[m].n,x+22,y+54); } i=new Image(); with(i.style){ display='block'; position='fixed'; top=0; right=0; zIndex=100; } i.src=v.toDataURL(); d.body.appendChild(i); })(document);