2012-02-13 2 views
0

모든 마우스가 움직일 때마다 현재 캔버스의 중심에 방사형 그래디언트 (방사형 그래디언트로 원을 중심로 원이 그려져있는 원)을 캔버스에 그려야합니다.은 HTML5 캔버스 컨텍스트 그라데이션이 비쌉니까?

그래야 그라디언트의 중심이 마우스 위치로 설정되어야하기 때문에 마우스 이동 이벤트를받을 때마다 새로운 방사형 그래디언트 객체를 만들어야합니다. 또는 기존의 그래디언트를 이동하기 위해 일종의 변환을 사용하여 내 서클을 올바른 위치에 채우도록 할 수 있습니까?

즉, 값이 비싼 때마다 새로운 그래디언트 객체를 만드는 중입니까? 이 경험이있는 사람이 있습니까?

답변

0

필자는이 경험이 없지만 모든 마우스 이동에 새로운 그라디언트를 그리는 것이 값 비싸다는 것을 확신합니다. 대신 전체 캔버스 컨텍스트를 변환하거나 변환하여 목표를 달성 할 수 있습니다. 컨텍스트의 변환을 수행하는 방법에 대한 자세한 내용은 아래 링크를 참조하십시오.

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