仕事でwordpress関係のことで躓いたので記録。問題対象サイトでInternet exploer 9で閲覧した場合、画面のどこかをクリックすると画面が暗い状態になる。 （light boxで画像をクリックした時に画面が一度暗くなるような状態） なお、Internet expolorer8 お…

canvas画像表示のテスト。ほぼチュートリアルのまま。 http://paperjs.org/tutorials/images/working-with-rasters/ （いつもはリファレンスを参考。今回はリファレンスにrasterの使い方が載っていなかった。） アイコンの中心にマウスを近づけていくと回転…

canvasテスト4の表示が気に入らなかったため修正版。 マウスの移動時のみ描画変更。ソース var circles = new Array(); function addCircles( count ){ var num = count*2; for(var i= 0;i

canvasマウスクリックによる動作テスト。 クリックした点に円が出現する。さらにクリックして円を増やした時、以前の円とかぶるようならば円が被らないように小さくなるソース var circles = new Array(); function onMouseDown( event ){ var path = new Pa…

画面内に複数paperscirptの記述があった場合、変数のスコープの範囲がどうなっているのかテスト。ついでにjavascriptも。以下テスト用ソース <script type="text/paperscript" canvas="scope_test1"> console.log("p1 > a : " + a); console.log("p1 > b : " + b); var a= "a"; console.log("p1 > a : " + a); </script> <canvas id="scope_test1" ></canvas>

以前のがうまく行かなかったので作業的に少し手前に戻って、多数のpath表示テスト。 クリックでcanvas領域の中心を元にして円増加。クリックするほど、一度に増える数が多くなる。以下ソース var paths_4 = new Array(); var added_4 = 1; function addCircl…

追加用ボタン paper.js内でjqueryを記述して問題ないかテスト。 数値を入力してボタンを押せば数値の分だけ円の追加。されるはずなのだがうまくいかない。次回への課題。 はてなブログでは元々jqueryを読み込んでいるようなので、そちらを流用。成功すればこ…

paperscript部分の改行とタブを全て消したら、記事中にコード直接貼り付けて動作させることができた。 var paths = new Array(); for(var i= 0;i<7;i++){ var circle = new Path.Circle(new Point(i*50,50),30); circle.strokeColor = '#fff'; circle.fillCo…

マウスオーバーでアニメーションはてなブログでヘッダに色々書けるようになったということなので、paper.jsを使ってみる。ブラウザが対応していれば上のタイトルとの隙間にマウスを載せれば動作するはず。以下paperscirptのソース var circle1 = new Path.Ci…