360全方位画像をパノラマ変換とか〜

V1.0 サンプルはこちら→W7工廠分室|トップページ kogeto dotなどで撮影した全方位画像（極座標）をパノラマ画像（直交座標）に変換するものです。変換後の写真の横幅は円周、縦幅は半径となります。(変換後は９０度回転していますが・・・）使い方・上記…

2012-08-29

配色チェックツールとか〜

プログラミング canvas JavaScript

v1.0 v2.0 自分の作った制作物の配色をチェックしたくて作りました。こちらColor of Book - 雑誌の色からhtml,cssで利用できるカラーチャートの紹介とやりたいことはだいたい同じなのですが手元で非公開の画像のチェックとかできないのと、色の使用比率が…

2012-07-18

canvasで複数画像一括処理ツールとか〜

プログラミング canvas jQuery+JavaScript

必要あってつくりました。サンプルはこちら→W7工廠分室|トップページ最新バージョンは2.1です流れ・通常時は画像(ほとんどPNG用)として表示し、作業をcanvasで行い、作業後に作業前の画像と入れ替える・読み込んだ画像全てに対して同じ操作を適用する …

2012-06-27

canvasでのピクセル操作について自分メモとか〜

プログラミング canvas

とある作業でピクセル操作が必要になったので。とりあえず自分用に図とベースとなるプログラムを。 2012-08-29 配色チェックツールとか〜 - w7工廠に下記コードを改良して使っています <html> <head> <style>canvas{background-color:#ccc;}</style> <script> function main(){ var image=new </head></html>…

2012-06-04

ChromeとWindowsとIntel Atomの組み合わせでcanvasの描画がおかしいとか〜

ハードウェア canvas

jq_imgMapToCanvas/canvasflashのサンプルで確認したエラー報告です。 Atom/win7,win8(cp)の場合・jq_imgMapToCanvas(牛さん)のサンプルでほとんどがhover時に着色されない。・jq_imgMapToCanvas(地図)のサンプルではcircleのみhover時に着色されない。・…

2012-01-19

canvasでアニメーションを作ってみた（別企画）とか〜

プログラミング canvas jQuery+JavaScript

目的はcanvas描画の際、制作者が毎回記述する「canvas生成・図形描画・アニメーション（タイマー）」を簡略化することです。（ActionSctipt3.0とjcottonの中間のイメージです）サンプルはこちら→W7工廠分室|トップページ（「canvasでアニメーションを作っ…

2012-01-10

canvasのimg.onloadとimg.widthとimg.heightについて自分メモとか〜

プログラミング 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…