node3에서 D3 전환이 작동합니까?

Question

코드 https://gist.github.com/Caged/6407459에서 제공하는 코드를 사용하고 있습니다. SVG가 잘 생성되어 브라우저에 표시됩니다. 그러나 나는이 코드에서 D3의 .transition과 .on 함수를 사용할 수 없다. 이 기능들이 nodej와 함께 작동합니까?

Answer 1

당신이 링크하는 요지는 정적 SVG 마크 업을 생성하고 클라이언트에게 보내기위한 것입니다. 따라서 클라이언트 (브라우저)는 SVG 마크 업을 얻지 만 자바 스크립트는 전혀 표시되지 않습니다. 서버의 태그에 이벤트 처리기를 바인딩 할 수 없습니다. 해당 작업은 클라이언트 측의 브라우저에서 수행해야합니다. 클라이언트에게 자바 스크립트 코드를 제공해야합니다.

전환의 경우 D3은 javascript를 통해 전환을 구현하므로 클라이언트에도 전송되지 않습니다. 서버에서 렌더링 할 수있는 CSS3 및 SMIL을 사용하여 SVG에 애니메이션을 적용하는 방법이 있지만 필요한 애니메이션 종류에 맞게 클라이언트에게 코드를 보내는 것이 더 쉬울 것으로 생각됩니다.

Illustrator 또는 Inkscape에서 렌더링 된 SVG를 열고 전환 및 콜백이 계속 작동하는지 확인하는 것과 비슷합니다.