記事「Canvas」 の 検索結果 171 件
-
KineticJSを使ってみたまたまた前回の続きで図形をレイアー構造にしてCanvasに貼り付ければ、何とか図形ごとをDOMのように扱うことが可能なんではないかと考えていたところ、そんなことを既にやっているライブラリが海外に存在し..
-
Canvasでアニメーションしてみた→そしてsave()restore()に関する誤解前回の続きで板をマウスポインタの位置に応じて動かそうと頑張ってみた。 そうしている間に、一つ大事なことに気づいた。 それは、Canvasの中に描画された図形はDOMのようなオブジェクトになるわ..
-
Canvasで図面を描くjQueryプラグインを作ってみた（ver0.0）趣味で日曜大工をするので作ってみた。 右クリックでメニューが出る。 横板 縦板 少し図面っぽいのを描いて見たとこ index.html ..
-
canvasにCSSでwidthとheight指定した際にはまった件canvasやっている人には常識なんだろうが晒しておく。 やりたかったことは、canvasのwidthとheightを共に200pxにして、中に100px×100pxの図形を描くこと。 下の画像を..
-
HTML5のcanvasで円グラフを描画HTML5のcanvasで円グラフを描画を描画する方法 window.onload = function(){ var imgcanvas = document.getElementB..
-
CANVAS発見！！こんにちわ、「ドラ」です！！ 始めにポチッとお願いします。 にほんブログ村 昔から、ロングとショートを波やポイントに合わせて乗っていたけど、最近はロングボードが８割ぐらいになって..
-
canvasの基本-円の描画-Canvasで円を描画するにはarcメソッドとstrokeメソッドを利用します。arcメソッドで円を設定しstrokメソッドで実際に円を描画します。 var canvas = document...
-
Canvsアニメーションで反射を制御する単純なアニメーションの反射ではなく、角度をもったアニメーションで反射を制御する為には反射角の法則を利用します。入射角と反射角は等しくなるので壁と反射したタイミングで角度の変更を行ないます。左右の壁とぶ..
-
Canvasで特定の角度にアニメーション特定の角度にアニメーションする場合は数式で移動距離を算出します。JavaScriptでは角度は「度」ではなく「ラジアン」で取り扱うためラジアン値に変換しコサインとサインを利用してXとYそれぞれの移動距..
-
canvasで色を変更canvasコンテキストには色を制御するfillStyleプロパティとstrokeStyleプロパティが用意されています。 var canvas = document.getElementByI..
-
canvasアニメーションで跳ね返りを表現するcanvasアニメーションで跳ね返りを表現するspeedを変数に格納しておき特定のタイミングで切り替えることで跳ね返りを表現することができる。 var canvas = document.get..
-
canvasで簡単なアニメーションcanvasで簡単なアニメーションを作成するには描画とclearRectによる初期化を繰り返して行ないます。 var canvas = document.getElementById('canv..