2012-02-13 4 views
0

マウスを動かすたびに、現在のマウスの位置に中心を持つ放射状の勾配(円の内側に円錐を持つ放射状の勾配で満たされた円)をキャンバスに描画する必要があります。はHTML5のキャンバス・コンテキスト勾配が高価ですか?

グラディエントの中心がマウスの位置に設定されなければならないので、マウスの移動イベントを受け取るたびに新しいラジアルグラデーションオブジェクトを作成する必要があるようです。または、既存のグラデーションを移動するために何らかの変換を使用して、適切な位置にサークルを塗りつぶすようにすることはできますか?

つまり、高価なたびに新しいグラデーションオブジェクトを作成していますか?誰にもこれに関する経験はありますか?

答えて

0

私はこれに慣れていませんが、マウスを動かすたびに新しいグラデーションを描くことは費用がかかります。代わりに、キャンバスコンテキスト全体を翻訳または変換して目標を達成しようとすることができます。文脈の翻訳を行う方法の詳細については、下のリンクを参照してください。

http://www.html5canvastutorials.com/advanced/html5-canvas-transform-translate-tutorial/

関連する問題