未分類

lineCapプロパティのパラメータbutt線の端まで描画round角を丸くして描画square角を四角くして描画

マウスでCanvas描画まず、マウスポインタがCanvasにあるか判別これにはmousemoveイベントを使うCanvasにないなら、そこで終了canvasObj.addEventListener("mousemove",fuction(e...

描画のときの処理実際に、canvasに描画するにはcanvasObj.addEventListener("mousemove",fuction(evt){if(!canvasObj.drawFlag){return;}var x=evt.o...

Androidアプリのアイコン設定の項目アイコン設定が英語なので解説Foreground作成する画像のタイプを選択Trim Surrounding Blank Spaceチェックを入れるとスペースのトリミングをするAdditional Pa...

マウスで描画する仕組みマウスで描画する仕組みのメモCanvasでクリックされたらマウスの座標をoldXoldYへ保存マウスボタンの押した、押さないの識別のため、フラグをつくりこのフラグはdrawFlagへ保存でdrawFlag=trueなら...

マウスで描くための準備マウスの動きはmousemoveイベントで補足次にマウスボタンの押されている状態はmousemoveイベント内で調べるかマウスボタンを押したときに発生するmousedownイベントを利用して調べるmousedownイベ...

Canvasの塗りつぶしかたCanvas全体を塗り潰すにはfillRect()を使うパラメータは、左から始まりのx座標,始まりのy座標,横幅,縦幅ソースにするとcontext.fillStyle="black";context.fillRe...

canvasの文字へ影を描画袋文字を影付きで描画するにはtextAlignを設定するtextAlignを設定しないと自動的にstartになるstartは左揃えになるただし、注意点として、startとendはCSSの筆記方向に依存するのでもし...

canvasへ文字を描画canvasへ文字文字の描画ができるのでこれを使えばテキストへグラデーションを付けたり図形の変形もできる描画できる文字は、通常の文字と袋文字袋文字は、輪郭を線で構成した文字のこと文字を塗り潰す色、つまり文字の色はfi...

Canvasでのグラデーション描画Canvas 2D Context APIの種類は２つ直線グラデーションと円形グラデーション直線グラデーションは上から下へだんどんと色が変わる円形グラデーションは内側から外側へ広がるように色が変わる直線グラ...