처리 대 순수한 자바 스크립트가있는 HTML5 캔버스
-
19-09-2019 - |
문제
내가 가진 웹 앱에서하고 싶은 데이터 시각화 애니메이션이 있고 다른 대안을 고려하고 있습니다. 기본적으로 텍스트 문자열을 예쁜 방법으로 움직일 것입니다.
나는 mootools 프레임 워크를 사용하고 있습니다 mootools fx 라이브러리에는 기본적으로 원하는 것들이 있지만 약 100 개의 텍스트 문자열을 조작하고 싶습니다. 즉, 각 문자열은 별도의 FX 객체가 필요합니다 (생각합니다).
이 작업을 수행하는 대안은 처리 및 사용의 모든 것을 코딩하는 것입니다. Processing.js HTML5 캔버스로 렌더링합니다.
이러한 중 어느 것이 브라우저에서 가장 쉬운 일이 있습니까 (사이트가 클라이언트 측 중국어가되기를 원하지 않습니까)? 더 나은 방법이 있습니까?
해결책
또는 클라이언트 측 SVG를 사용하십시오. 100 개의 텍스트 문자열을 표시하고 조작하는 데 아무런 문제가 없어야하며 Canvas와 거의 동일한 브라우저에서 지원됩니다 (즉, IE는 VML을 지원하여 유사한 기능을 제공합니다).
@Austin, Apache Batik은 서버 측 SVG 렌더러입니다.
다른 팁
대부분의 브라우저의 최신 버전 만 지원하기 때문에 현재 캔버스 요소의 지원을 위해 채택하지 않을 것입니다. 나는 지원이 일반화 될 때까지 기다릴 것입니다. 시간이 조금 걸릴 수 있습니다. HTML5는 아직 표준이 아니며 여전히 변경 될 수 있습니다.
SVG를 조사하고 출력을 PNG로 변환 할 수있는 서버 측 SVG 파서가 있는지 확인할 수 있습니다.
그건 그렇고 처리는 Java 일 뿐이므로, 그에 그것을 쓰고 애플릿에 표시 할 수 있어야합니다.
ActionScript 3이 아닌 이유는이 시점에서 HTML 5에 대한 지원보다 플래시 플레이어의 더 넓은 침투가 있습니다.