SVG API를 사용하는 행렬 수학

Question

현재 프로젝트에는 2 차원 변환을위한 모든 기본 사항 인 행렬 연산이 필요합니다. sylvester와 같은 프레임 워크가 있다는 것을 알고 있지만 SVG DOM API에 필요한 모든 기능을 발견했습니다. 따라서 SVGMatrix, SVGPoint, SVGRect 등이 있습니다.

여기 내 질문 : Matrix, Points 및 Rect의 팩토리가되는 목적으로 메모리 -VGG를 만들면 성능 이점이 있습니까? 다른 SVG의 컨텍스트에서 memory-svg로 만든 SVGMatrix를 사용할 수 있습니까? 즉 요소 변환에 적용 할 수 있습니까? 내가 메모리 SVG 만드는 경우

인사말이 성능 이점 나를 제공하지 않습니다, 단지 행렬, 포인트와의 구형의 공장 존재의 목적을 위해,

Answer 1

를 필립?

SVG 엔진을 사용한 좌표 변환은 특히 변환 할 수천 개의 점이있을 때 Javascript 루프의 수동 곱셈보다 빠릅니다. 따라서 Javascript에서 좌표를 다시 계산하는 대신 가능한 언제든지 변환을 사용하면 쉽게 벤치마킹 할 수 있습니다. pathd 속성의 DOM 조작 또한 거북이처럼 느립니다.

제가 의 메모리 SVG로 생성 된 SVGMatrix 다른 SVG의 컨텍스트 (즉, 소자에 변환을 적용하는)을 사용할 수 있는가?

예, 제가 점심 식사 전에 매일 10 번 할 수 있습니다. SVGMatrix 개체는 자유롭게 움직이며 어떤 식으로도 공장 SVGSVGElement (자체는 분리 DOM 개체라고 함)에 연결되지 않습니다.