プログラミング
V1.0 サンプルはこちら→W7工廠分室|トップページ kogeto dotなどで撮影した全方位画像（極座標）をパノラマ画像（直交座標）に変換するものです。 変換後の写真の横幅は円周、縦幅は半径となります。(変換後は９０度回転していますが・・・） 使い方 ・上記…
v1.0 v2.0 自分の作った制作物の配色をチェックしたくて作りました。 こちらColor of Book - 雑誌の色からhtml,cssで利用できるカラーチャートの紹介とやりたいことはだいたい同じなのですが 手元で非公開の画像のチェックとかできないのと、色の使用比率が…
必要あってつくりました。 サンプルはこちら→W7工廠分室|トップページ 最新バージョンは2.1です 流れ ・通常時は画像(ほとんどPNG用)として表示し、作業をcanvasで行い、作業後に作業前の画像と入れ替える ・読み込んだ画像全てに対して同じ操作を適用する …
とある作業でピクセル操作が必要になったので。 とりあえず自分用に図とベースとなるプログラムを。 2012-08-29 配色チェックツールとか〜 - w7工廠に下記コードを改良して使っています <html> <head> <style>canvas{background-color:#ccc;}</style> <script> function main(){ var image=new </head></html>…
サンプルはこちら→W7工廠分室|トップページ 以前ファイル内容を閲覧できるものを作ったのですが（jQueryとPHPとその他色々を使ってディレクトリ構造をツリー表示とか内容表示みたいな〜 - w7工廠） 肝心のサイトマップがないｗ どうせならPHP使いたくないし…
サンプルはこちら→W7工廠分室|トップページ イメージマップ(map area要素)を作るより、イラレで直接SVG出力したほうが簡単かなと思って作りました。 いいえ。半分は嘘ですｗ roomx氏に<map>と<area>で画像内にリンク配置。ソレにhoverで変色効果…
Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent ちょっとはまってしまったｗ 保存の際にUTF-8（BOM有）だとこれがでるんですね・・・ BOM無しで解決しました。
linuxサーバーでwkhmltopdf/wkhtmltoimgをつかってキャプチャする場合です。 これをつかいます。 Google Code Archive - Long-term storage for Google Code Project Hosting. レンタルではサーバーをいじれないので使えません CGIの禁止事項でバイナリファ…
目的はcanvas描画の際、制作者が毎回記述する「canvas生成・図形描画・アニメーション（タイマー）」を簡略化することです。 （ActionSctipt3.0とjcottonの中間のイメージです） サンプルはこちら→W7工廠分室|トップページ（「canvasでアニメーションを作っ…
img.onload外でimg.widthとimg.heightを取得したいのですが・・・ img.onload=function(){ alert(img.width+','+img.height);//(1) } alert(img.width+','+img.height);//(2) としたとき、画像のサイズを取得するのに (1)のみ取得、(2)で(0,0)となる ・Googl…
以前作ったもの（jQueryとcanvasを使ってイメージマップでhoverすると色かわるみたいな〜 - w7工廠）をクラスっぽくしてみました。 サンプルはこちら（W7工廠分室|トップページ）、設置方法は以前と同じです。 タイトルもついでに変えてみました。（目的と異…
canvasでアニメーションを作ろうと思っていてはまったのですが・・・ 記事はこちら→canvasでアニメーションを作ってみた（未完成）とか〜 - w7工廠 setTransformに送る一定倍率の出し方がわかりませんでした。 ようやくわかったので自分メモとして。 要はw0=…
目的はcanvas描画の際、制作者が毎回記述する「canvas生成・図形描画・アニメーション（タイマー）」を簡略化することです。 サンプルはこちら→W7工廠分室|トップページ（最終バージョン：2.4.2(2012-01-06)） 別企画「canvasflash」に移行しました（canvas…
最近JavaScriptについて書いているのですが・・・canvasでアニメーションを作ろうと思っているんです。 記事はこちら→canvasでアニメーションを作ってみた（未完成）とか〜 - w7工廠 思いつくままプログラム作っていたのですが・・・どうもうまく動かないｗ …
canvasでいろいろ作っているのですが、まだ完成に至りません。 その過程でできたタイマーを掲載します。 サンプルはこちら→W7工廠分室|トップページ （サンプルと以下の例は微妙に違います。） function play(a,s,e,f){//a:したいこと,s:開始時間,e:終了時間…
■基本編 忘れないうちに・・・っと。 (2012-01-16) ・④を訂正しました。 ①基本 function Class(value){ //コンストラクタ this.property=value; //インスタンスプロパティ this.method=function(){alert(this.property);} //インスタンスメソッド } var c=ne…
私事で作りました。 サンプルはこちら→W7工廠分室|トップページバージョン2になりました ディレクトリ内のファイルのソース閲覧・ブラウザ表示（指定のもの）・ダウンロードができます。 まあブラウザだけでできる事なのですが・・・ 応募(←何のことかな？(…
・2012-03-06 記事修正しました。 簡易メールフォームについてです。 サンプルはこちら→W7工廠分室|トップページ ただし、サンプルでは部分的にコメントアウトしてメール送信はできないようにしています。 （匿名メールフォームにも自分宛にもしたくないので…
ソースはここjQueryを使って指定サイズに画像均等縮小みたいな〜 - w7工廠に追記しています。 サンプルはこちら→W7工廠分室|トップページ（タイトルが「jQueryを使って指定サイズに画像均等縮小みたいな〜」のものです。） どちらを使っても同じ結果になるの…
リンク元の内容によってお問い合わせページのラジオボタンを切り替えるのに使いました。 （こちらを参考にさせていただきました。http://trackback.blogsys.jp/livedoor/zasso77/51444767） っていうか・・・以下の使い方は違うような気がｗ（別に?でなくて…
HTMLロード時になく、プログラム処理で追加した要素に対して必死でイベント処理しようとしていましたｗ $(function(){ $("input[name=rbtn]").click(function(){ //処理 }); }); 後付・・・つまりまだ存在していない要素に対してイベントを設定するのはbind…
月のところって01でなくて1になるんですね・・・10以上判断のほうが処理って早いでしょうか？ JavaScript function nowYMD(){ var now=new Date(); return now.getFullYear()+'-'+('0'+(now.getMonth()+1)).slice(-2)+'-'+('0'+now.getDate()).slice(-2); }
チェックボックスでチェックして、その後チェック部分だけ行の値がほしいときにつくりました。 とはいってもjavascriptで処理してるんですがｗ 追記(2011-12-15)：下記サンプルを掲載しました。→W7工廠分室|トップページ ←この本もってたらたぶんjQueryで困…
開始と終了があり、今日以降から予約みたいなもののために考えました。 HTML <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <script type="text/javascript" src="inputYMDCheck.js"></script> </head> <body> </body></html>
必要があって作ったものですが１日はかかっています（遅ｗ） マークアップ上はリストなんだけれど見せ方はテーブルがいいみたいな時のことです。 しかも今気がついたけれど・・・IEで崩れてるｗ（XHTMLでないとだめでした） HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>
なんかこんなところで時間かかってしまいました。 HTML <input type="radio" name="type" value="a" checked="checked"/> //要素0 <input type="radio" name="type" value="b" checked="checked"/> //要素1 <input type="radio" name="type" value="c" checked="checked"/> //要素2これからvalue="b"を取得するには JavaScript var dataB = $("input[name=order]:che…
日付処理ってFireFoxでは2010-01-01でIEでは2010/01/01でないとNaNになる？のかな？ ということで function dateCalc(beforeYMD,afterYMD){ var isMSIE = /*@cc_on!@*/false; if(isMSIE){ var afterYMD=afterYMD.replace('-','/'); var beforeYMD=beforeYMD.…
サンプルはこちら→W7工廠分室|トップページ ■目的 イメージマップってマウス乗っても色変わらないし〜、ロールオーバー時の画像を１つずつ用意するのって面倒だし〜 ・・・とかそういう場合にどうぞ。 図で表すとこうなります。既存のイメージマップの下にca…
テーブルの中に画像を表示させる際、幅か高さをぴったりあわせて均等縮小でおさめたいときに。 （追記：記事と別コード追加 2011-12-15） サンプルはこちら→W7工廠分室|トップページ サイズを変更できるようにしました。（変更の必要がない場合はinputとか不…
HTML ※id=***がposition:absolute指定されていること <div id="***" class="positionCenter"></div> JavaScript (jq_setPositionCenter.js) /* jq_setPositionCenter.js 2010-09-11 */ function setPositionCenter(){ var wWidth=null;//ウインドウ幅取得 /*@cc_on wWidth=document.body.clientWidth;//I…
