JavaScript

2014.08.05
21:43
author: taikiken
0件のコメント

Firefox だと Canvas のデバッグがしやすいかも

すっかりメインブラウザをChromeにしてました。 FirefoxでのデバッグがFirebug頼みなのがねぇと敬遠気味でした。久しぶりにFirefoxを使ってみると標準の「開発ツール」がとても進化していて驚きました。 … 続きを読む →

2014.08.04
23:00
author: taikiken
0件のコメント

getComputedStyle 要素の算出スタイルを返します。 MDN(ja): window.getComputedStyle MDN(en): Window.getComputedStyle() caniuse.c … 続きを読む →

2014.08.02
22:39
author: taikiken
0件のコメント

IntelliJ IDEA(13) で JavaScript を書き、 JSHintを使いチェックを行っています。 Expected an assignment or function call and instead … 続きを読む →

2014.07.30
12:25
author: taikiken
0件のコメント

メモ、IE 10, IE 11をuserAgentを使わずに判定する方法。 IE 10 var is_ie10 = !!window.navigator.msPointerEnabled;var is_ie10 = !! … 続きを読む →

2014.07.22
11:00
author: taikiken
0件のコメント

canvasをPNG画像へキャプチャしダウンロード。 PNG画像へのキャプチャは canvas.toBlob を使います。ダウンロードは FileSystem API で行います。 canvas.toBlob HTML … 続きを読む →

2014.07.20
19:09
author: taikiken
2件のコメント

線と円の当たりというか衝突というか交差したかどうかを判定してたい。 ActionScript だと hitTest が使えたのでコツコツと自力で判定コードを書くのは始めてかも。色々良くわかってないので、なんだかとっても … 続きを読む →

2014.07.19
16:44
author: taikiken
0件のコメント

Canvas練習中。線を描いてみる。線は beginPath から closePath の間に lineTo すれば描けます。描けますが、起点と終点情報をどのように保持するかでは悩みました。線(Line)に回転機 … 続きを読む →

2014.07.15
11:06
author: taikiken
0件のコメント

オブジェクトの親子関係を作れると作業は楽になります。 Canvas上の描画オブジェクトへDOM element, MovieClipで当たり前に存在する addChild を実装するの巻。 addChildされた子オブジ … 続きを読む →

2014.07.14
16:41
author: taikiken
2件のコメント

Canvasに描いた形状に対するマウス(MouseEvent, TouchEvent)操作。 DOM elementやFlash MovieClipなら当たり前にできることをCanvasに実装するのはなかなかの面倒くささ … 続きを読む →

2014.07.10
11:00
author: taikiken
0件のコメント

いまだに IE 6 の面倒をみてる心優しい開発者です。 IE 8, 7, 6で32bit PNGをフェードさせると画像の周りにジャギーって言うのか黒いボーダーができてしまいます。背景にべた塗り(background-c … 続きを読む →