｜ スターフィールド株式会社の記事です
Canvasの複数の図形をprototypeで同時に扱う ｜ スターフィールド株式会社
JavaScriptのprototypeを利用すると、 同時に同様の図形を処理するような場合に、 メモリを節約した、効率的な処理を行うことができます。 この処理は、HTML5のCanvasを利用する際には、とても重要になりますので、 今回、prototypeを利用して、Canvas上で複数の図形を扱うプログラムを作ってみましたので、 ご紹介いたします。 今回作ってみたものは、Canvas上のなにもないところをクリックしたときに、その場所にサイズと色をランダムに設定した円を描画し、 円をドラッグした場合には、円を移動するというものです。 ↓作ってみたもの DEMO 方法 全体の処理 Canvasの初期設定 クリックした場所の取得 クリックした場所に円があるかを判定 (prototypeのインスタンスのメソッドを利用) 円がなければクリックした場所に円を追加 (prototypeのインスタンス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
