1

HTML5キャンバスを使用したヒットテストの目的で、私はこれについて考えています。

1)形状(長方形など)の座標が保存されます-x、y、w、h 2)マウスを移動またはクリックすると、長方形は画面上のキャンバスに再び描画されますが、ストロークや塗りつぶしは行われませ-したがって、実際にはペイントされませんキャンバスに表示されません。3)これで、パスをisPointInPath()でテストできます。

これはうまく機能しますが、速度はDOMに追加されていないオフスクリーンキャンバスを使用する場合とほぼ同じように見えます。

誰かコメントがありますか?特に、より複雑なパスに関しては?

4

1 に答える 1

1

キャンバスを10x10のように小さくします。パスの計算に影響を与えることはなく、必要なメモリも少なくて済みます。

ここで、より複雑なパスのパフォーマンスをテストできます:http: //jsperf.com/ispointinpath-boundary-test-speed

于 2012-10-20T15:57:21.953 に答える