웹 사이트에서 아직 SVG 이미지를 동적으로 생성하는 것이 합리적입니까?

Question

나는 단지 SVG에 대해 배우고 있으며 훌륭해 보이지만 브라우저 지원에 대해 확신하지 못합니다. 사람들이 성공적 으로이 문제를 해결 했습니까, 아니면 아직 너무 이른가요?

Answer 1

라파엘 크로스 브라우저 벡터 그래픽 라이브러리로 볼만한 가치가 있습니다.

Answer 2

John Resig 's를 사용할 수 있습니다 Processing.js 크로스 브라우저 호환성을 얻는 라이브러리.

도 있습니다 Walter Zorn 's (많은 divs) SVG를 사용하지 않는 기술.

Answer 3

Internet Explorer의 SVG 용량 부족을 우회하는 새로운 방법이 있습니다.

Google 프로젝트 svgweb: 플래시를 사용하는 웹 브라우저를위한 확장 가능한 벡터 그래픽. Internet Explorer, Firefox 및 Safari를 포함한 많은 브라우저에서 SVG 지원을 제공하는 JavaScript 라이브러리입니다.

Answer 4

SVG 크로스 브라우저에서 일이 더 "할 수있는"것이기 때문에이 대화 상자를 업데이트 할 가치가 있다고 생각했습니다. 조직을 위해 일부 (상당히 중요한) 시스템을 구현 한 사람으로서 나는 "크로스 브라우저"SVG의 세계로 "덤벼 들었다". 11 개월 전에 시작된 대화에서 "아직도 너무 이른"이라는 단어를보고 추가하고 있습니다.

Raphael의 기능 중 일부를 보여주는 내 사이트로 이동하십시오. 구덩이 후에 메인 라파엘 사이트에 쉽게 연결할 수 있습니다.

내 웹 사이트는 Raphael 0.8.6과 함께 구현되었지만 "랩"의 크리터는 베타에서 버전 1.0을 가져 왔으며 (추가로) SVG "경로"를 완전히 지원합니다.

현재 상태에서 Cross-Browser Interactive/SVG의 세계를 방문하려면 다음을 통해이 Constamtly 업데이트 웹 사이트를 방문하십시오.

http://www.irunmywebsite.com/raphael/raphaelsource.html

Answer 5

최선의 방법은 가장 편한 형식으로 이미지를 만들고 Imagemagick과 같은 것으로 SVG로 변환하는 것입니다. 손으로 또는 라이브러리로 PostScript를 작성하거나 ImageMagick API를 사용하여 간단한 텍스트/모양 프리미티브에서 이미지를 직접 만들 수 있습니다. 꽤 좋은 문서가 있으며, Imagemagick을 COM 객체로 부를 수 있습니다 (언어가 COM 지원이 좋다고 가정 함).

Answer 6

Adobe는 또한 사이트에서 링크 할 수있는 SVG 뷰어 플러그인을 만듭니다. 사람들이 사이트의 전체 기능을 얻을 수 있습니다. 불행히도, 그들은 플러그인에 대한 지원을 중단하고 있지만, 그때까지 더 많은 브라우저 지원이 다가올 것으로 예상됩니다 (희망적으로). 몇 년 전에 저는 SVG를 사용하여 전체 웹 앱을 작성한 회사에서 일 했으며이 플러그인으로 큰 성공을 거두었습니다.