SVG 를 Canvas로 옮기기전에 유의해야 할점

Javascript에서 D3와 같은 라이브러리를 사용해서 SVG를 만드는 일을 할때

브라우저 상의 SVG 객체를 SVG 파일화 시키거나 PNG로 저장하는 것이 필요할 떄가 있다.

이때 중요한 점은 SVG를 XML화 시킬때 CSS 내의 데이터는 참조가 되지 않는다는 점이다.

Web SVG의 Path 객체를 SVG화 시킬때 계속 fill 속성이 없어져서 기본값인 검은색으로 나왔는데 fill 속성을 CSS가 아닌 자체 attribute로 옮긴 후 제대로 나오기 시작한다.