HTML5 캔버스 isPointInPath() HTML5 캔버스 나는이 생각하고와 히트 테스트의 목적

로 적중 테스트 , h 2) 마우스를 움직이거나 클릭하면 rect가 화면상의 캔버스로 다시 그려 지지만 이 아니라이 칠해 지거나 채워지지 않으므로 캔버스에 실제로 그려지지 않으며 보이지 않습니다. 3) 이제 경로는 isPointInPath()로 테스트 할 수 있습니다.HTML5 캔버스 isPointInPath() HTML5 캔버스 나는이 생각하고와 히트 테스트의 목적

속도는 다소 향상되었지만 DOM에 추가되지 않은 오프 스크린 캔버스를 사용하는 것과 같습니다.

누구든지 어떤 의견이 있습니까? 특히 더 많은 관련 경로에 관해서는?

출처

2012-10-20 Richard

그것은 여기 요구되고있는 것을 매우 불분명하다. 몇 가지 예제 코드를 추가하십시오. –

캔버스를 10x10처럼 작게 만듭니다. 경로 계산에 영향을 주어서는 안되며 메모리가 적게 듭니다.

당신은 여기에 더 복잡한 경로의 성능을 테스트 할 수 있습니다 http://jsperf.com/ispointinpath-boundary-test-speed

출처

2012-10-20 15:57:21

좋아, 지금은 더 많은 테스트를 해본 후 10,000 개의 rect를 반복하여 그리기는하지만 실제로 쓰다듬거나 채우지 않는 데는 약 60-70 밀리 초가 걸립니다. 그래서 0-100에 대해 나는 그것이 멋지고 멋질 것이라고 생각한다. – Richard

HTML5 캔버스 isPointInPath() HTML5 캔버스 나는이 생각하고와 히트 테스트의 목적

답변

관련 문제