使用isPointInPath()进行HTML5画布命中测试

时间:2012-10-20 09:44:36

标签: html5 canvas

为了使用HTML5 canvas进行命中测试,我想到了这个:

1)存储形状(例如矩形)的坐标 - x,y,w,h 2)当移动或单击鼠标时,矩形再次被绘制到屏幕画布上但描边或填充 - 因此它实际上没有绘制到画布上并且不可见。 3)现在可以使用isPointInPath()

测试路径

这很有效 - 尽管速度似乎与使用尚未添加到DOM的屏幕外画布大致相同。

有人有什么意见吗?特别是涉及更多的路径?

1 个答案:

答案 0 :(得分:1)

让你的画布变小,比如10x10。它不应该影响路径计算,它需要更少的内存。

您可以在此处测试更复杂的路径效果:http://jsperf.com/ispointinpath-boundary-test-speed