requestanimationframe

1열

1답변

mousemove 이벤트에서 requestAnimationFrame을 사용하는 방법은 무엇입니까?

내 SVG 기반 웹 응용 프로그램에서 사용자는 많은 수의 도형 (심지어 800 이상)을 선택할 수 있습니다. &은 화면 상으로 움직입니다. 이것은 프레임 속도에 심각한 영향을 미친다 고 생각할 수 있습니다. requestAnimationFrame의 장점을 읽은 후, 어제부터 mousemove 기능에 통합하려고 시도한 이후로, & requestAnimatio

0열

1답변

캔버스 라인 애니메이션을 사용한 성능 저하

나는 웹 사이트의 일부 라인 animatin에 requestAnimationFrame을 사용하고 있습니다. 문제는이 애니메이션이 프로세서의 사용을 심각하게 증가시키고 애니메이션이 부드럽 지 않다는 것입니다. 때때로 CPU 사용량의 보다 70 % 이상이다. 애니메이션 또는 function animateline() { reqAnimFrame =

1열

1답변

간단한 캔버스 사각형 자바 스크립트와의 상호 작용

캔버스 태그와 자바 스크립트 상호 작용의 기초를 스스로 가르치려고합니다. 다음 코드에서는 "onmouseover"를 가리킬 때 사각형을 확장 할 수 있지만 "onmouseout"은 축소되지 않습니다. <!DOCTYPE html> <html> <head> <script> window.requestAnimationFrame =

0열

1답변

requestAnimationFrame 코드 실행 시간

Mozilla의 docs on requestAnimationFrame은 requestAnimationFrame에 전달한 콜백이 다음 다시 그리기 전에 실행될 것이라고 말합니다. 저는 코드를이 코드와 동기화하는 방법을 알아 내려고하고 있습니다. 클래스 완전히 처리하고 (필요한 레이아웃/렌더링/페인팅 실행) 적용하는 기다리 적용 이 요소에 CSS 클래스 적용

0열

1답변

우리는 requestAnimFrame을 응용 프로그램 루프에서 'yield'로 간주하여 이벤트 루프를 처리 할 수 있습니까?

내 프로그램의 메인 루프 내에서 내 캔버스 업데이트를 만들기 위해 자바 스크립트에서 requestAnimFrame method을 사용하고 있습니다 : window.requestAnimFrame = (function(callback) { return window.requestAnimationFrame || window.webkitRequestAnim

1열

4답변

requestAnimationFrame 심층을 설명합니다

나는 following code from Paul Irish on the requestAnimationFrame shim layer을보고 있습니다. 나는 다른 언어에서이 js를 생성하고 싶다. 그래서 나는 계속 진행되고있는 일에 대해 머리를 감싸려고 노력하고있다. (see it being used in an animation here 수 있습니다). win

13열

2답변

Paul Irish 님의 requestAnimationFrame shim을 사용하는 브라우저는 무엇입니까?

폴 아이리쉬에는 requestAnimationFrame for Smart Animating이라는 게시물이 있습니다. 이제 Paul은 현명한 사람입니다. 저는이 아이디어의 적용 범위를 이해하려고 노력하고 있습니다. 그는 HTML5 애니메이션을 말한다 -이 같은 requestAnimationFrame 심 사용해야 이해할 수 // shim layer with s

0열

1답변

setInterval에서 requestAnimationFrame으로 마이그레이션

setInterval을 기반으로하는 일부 오래된 애니메이션을 requestAnimationFrame으로 마이그레이션하려하지만 updateState 함수에 인수가 필요하며 requestAnimationFrame과 함께 전달하는 방법을 이해할 수 없습니다. 나는 updateState 기능에 내 인수를 전달할 수있는 방법 function updateState()

0열

1답변

자바 스크립트 requestAnimationFrame을 관리하는 방법

자바 스크립트 :이 코드에서 오류가 위의 예 아무것도에서 var chop1 = document.getElementById("chop1"); var hit = document.getElementById("butn"); chop1.style.position = "relative"; chop1.style.top = "0px"; var chopperY;

16열

1답변

React가 requestAnimationFrame을 사용합니까? 그렇다면 어떻게 사용합니까?

React가 사용하고 있다고 말하는 곳이 2 곳 있습니다. requestAnimationFrame 이 blog post about Om에 React 위에 ClojureScript 프레임 워크가 있습니다. the comments of this SO answer도 참조하십시오. 나는 그것이 React의 일부인지, 사람들이 React와 함께 사용하고 있는지 확실