스크립팅 SVG

스크립팅 SVG

스택 오버플로우와 유사한 웹사이트를 개발하는 것을 고려하고 있지만, 답변 또한 도면(도식, 이 경우)으로 구성될 수 있습니다.나는 그들이 특별한 플러그인 등을 필요로 하지 않고 이 도식을 만들 수 있는 답변서의 영역을 갖고 싶습니다.

1. 스크립트로 실행되는 SVG를 주요 기능으로 사용하는 웹 사이트를 설계하는 것이 합리적인 수준(즉, Firefox 또는 다른 SVG/AJAX 호환 브라우저가 필요한 경우)과 같이 SVG가 곧 중요한 수준(1-2년)에 도달했거나 필요한 시점에 도달했습니까?
2. 크로스 플랫폼 SVG 스크립팅을 학습하기 위한 좋은 리소스는 무엇입니까(자바스크립트로 가능)?

라파엘은 크로스 브라우저 벡터 그래픽 문제에 대한 흥미로운 해석처럼 보입니다.

유감스럽게도 답은 없지만, 여러분이 볼 수 있는 프로젝트에 대한 세 가지 조언이 있습니다.

첫 번째는 Sun Labs의 Dan Ingalls(네, Dan Ingalls)의 "활기찬 커널"입니다.SVG 위에 자바스크립트로 스몰토크 가상 세계를 구현한 것입니다.좀 더 정확하게 말하자면, SVG를 이용한 자바스크립트의 Squak Smalltalk의 Morphic GUI 프레임워크와 자바스크립트의 Squak Smalltalk의 (일부) 포트를 구현한 것입니다.

또는 스몰토커가 아닌데도 위 내용이 이해가 되지 않는 경우에는 자바스크립트로 작성된 운영체제로, 자바스크립트 인터프리터를 CPU로, SVG를 그래픽 카드로, 브라우저를 컴퓨터로 사용합니다.

이것은 자바스크립트와 SVG에 관한 한 매우 극단적인 것입니다.그리고 Internet Explorer에 대한 실험적인 포트도 있지만 사파리 3에서만 완벽하게 작동하고 부분적으로는 Firefox 3에서만 작동합니다.

두 번째 프로젝트는 자바스크립트에 대한 프로세싱 시각화 언어의 John Resig의 Processing.jsport입니다.사용합니다.<canvas>당신이 언급한 문제들 때문에 SVG 대신 요소.그러나 이것은 파이어폭스 3에서만 작동합니다.

세 번째는 쓸모없는 피클의 자바스크립트 실시간 3D입니다.자바스크립트, DOM, CSS만 사용하고 SVG나<canvas>아니면 플래시든 뭐든.그리고 Internet Explorer 7 이상을 포함한 거의 모든 브라우저에서 휴대할 수 있습니다.2D를 하는 것은 이것보다 더 쉬울 것입니다.

이 세 프로젝트 사이에서 영감을 찾을 수 있을 뿐만 아니라 자바스크립트와 SVG 또는 자바스크립트와 그래픽으로 한계를 극복하고 무엇이 작동하고 무엇이 작동하지 않는지 알려줄 수 있는 사람들을 찾을 수 있을 것입니다.

결론: 크로스 브라우저 SVG 또는 크로스 브라우저 수행<canvas>거의 불가능하지만 약간의 광기를 가진 크로스 브라우저 그래픽은 SVG나<canvas>가능합니다.

SVG웹은 플래시를 이용하여 IE에 거의 네이티브 SVG 기능을 추가한 스크립트입니다.다른 모든 주요 브라우저들은 SVG를 지원합니다.

http://code.google.com/p/svgweb/

1/ 아마 절대로 추가하지 않을 것입니다. 만약 제가 그것을 추가하고 싶었더라면 지금쯤 그렇게 했을 것입니다. 하지만 렌더링을 제공하기 위해 SilverLight와 Gecko를 사용하는 방법이 있습니다.한편, 크로스 브라우저 그래픽스 API도 제공됩니다.저는 XULRunner와 SVG를 사용하여 큰 프론트 엔드를 수행했지만 웹 상에서는 IE를 충족시켜야 하는 것이 없었습니다.

2/ 제가 가장 자주 언급한 두 가지는 mozilla.org 의 SVG 페이지와 이 SVG DOM 참조였습니다.모든 SVG 링크가 맛있는 상태입니다.

http://www.bpel4chor.org/editor/; 에는 기존 편집기가 한 대 있습니다. 또한 원하는 것이 모든 아크가 격자 위에 있는 도식이라면 SVG 없이 디브와 이미지를 사용하여 이 작업을 매우 잘 수행할 수 있습니다.아니면 그냥 로파이 루트로 가든지

@jwmittag가 언급한 것처럼<canvas>는 옵션입니다.

그것은 사파리와 파이어폭스 3, 오페라 9에서 작동하며 사람들은 IE에 대한 지원을 개발하고 있습니다.

현재 도구 및 속성과 관련된 마우스 클릭을 쉽게 캡처할 수 있습니다.모든 페이지 디스플레이에 캔버스를 다시 그립니다.

저는 지금 막 프로젝트를 마쳤습니다.<canvas>또한 OpenGL이나 카이로 작업을 해본 적이 있는 경우에는 작업하기에 간단하고 매우 강력한 API입니다.

행운을 빌어요, 멋진 프로젝트 같네요.

언급URL : https://stackoverflow.com/questions/33347/about-scripting-svg