マウスを動かすたびに、現在のマウスの位置に中心を持つ放射状の勾配(円の内側に円錐を持つ放射状の勾配で満たされた円)をキャンバスに描画する必要があります。はHTML5のキャンバス・コンテキスト勾配が高価ですか?
グラディエントの中心がマウスの位置に設定されなければならないので、マウスの移動イベントを受け取るたびに新しいラジアルグラデーションオブジェクトを作成する必要があるようです。または、既存のグラデーションを移動するために何らかの変換を使用して、適切な位置にサークルを塗りつぶすようにすることはできますか?
つまり、高価なたびに新しいグラデーションオブジェクトを作成していますか?誰にもこれに関する経験はありますか?