•  09-06-2019
  •  | 
  •  

문제

나는 stackoverflow와 유사한 웹 사이트 개발을 고려 중이지만 답변은 그림(이 경우 회로도)으로 구성될 수도 있습니다.특별한 플러그인 등을 요구하지 않고 이 회로도를 만들 수 있는 답변 양식 영역을 갖고 싶습니다.

  1. 스크립트 실행 SVG를 기본 기능으로 사용하는 웹사이트를 디자인하는 것이 합리적일 정도로(예: Firefox 또는 다른 SVG/AJAX 호환 브라우저 필요) SVG가 임계 질량을 곧(1~2년) 보유하거나 보유해야 하는 지점에 도달했습니까?
  2. 크로스 플랫폼 SVG 스크립팅(아마도 javascript)을 배우기 위한 좋은 리소스는 무엇입니까?

-아담 데이비스

도움이 되었습니까?

해결책

불행하게도 답은 없습니다. 하지만 여러분이 살펴볼 수 있는 프로젝트에 대한 세 가지 조언이 있습니다.

첫 번째는 활발한 커널 작성자: Dan Ingalls(예, 그만큼 Dan Ingalls), Sun Labs 소속.SVG 위에 JavaScript로 Smalltalk 가상 세계를 구현한 것입니다.보다 정확하게는 SVG와 JavaScript의 Squeak Smalltalk 포트(일부)를 사용하여 JavaScript의 Squeak Smalltalk에서 Morphic GUI 프레임워크를 구현한 것입니다.

또는 귀하가 스몰토커가 아니고 위의 내용이 이해되지 않는 경우:이는 CPU로 JavaScript 인터프리터, 그래픽 카드로 SVG, 컴퓨터로 브라우저를 사용하여 JavaScript로 작성된 운영 체제입니다.

JavaScript와 SVG의 경우 이는 극단적인 경우입니다.그리고 그것만 충분히 Internet Explorer에 대한 실험적인 포트도 있지만 Safari 3와 부분적으로 Firefox 3에서 작동합니다.

두 번째 프로젝트는 John Resig의 프로젝트입니다. 프로세싱.js 처리 시각화 언어를 JavaScript로 포팅합니다.그것은 <canvas> 당신이 언급한 문제 때문에 SVG 대신에 요소를 사용하게 되었습니다.그러나 이것은 Firefox 3에서만 작동합니다.

세 번째는 JavaScript의 실시간 3D 쓸모없는 피클에 의해.그것은 사용한다 오직 자바스크립트, DOM, CSS 그리고 아니요 SVG 또는 <canvas> 아니면 플래시든 뭐든요. 그리고 Internet Explorer 7 이상을 포함한 거의 모든 브라우저로 이식 가능합니다.2D 작업은 이보다 훨씬 쉬울 것입니다.

이 세 가지 프로젝트 사이에서 영감을 얻을 수 있을 뿐만 아니라 JavaScript와 SVG 또는 JavaScript와 그래픽을 사용하여 한계를 뛰어넘으려고 시도한 사람들을 찾을 수 있으며 무엇이 효과가 있고 무엇이 효과가 없는지 알려줄 수 있습니다.

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

다른 팁

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

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

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

1/ 아마도 결코 없을 것입니다. IE가 그것을 추가하고 싶었다면 지금쯤 그렇게 했을 것입니다.하지만 다음을 사용하는 해결 방법이 있습니다. 실버라이트 그리고 도마뱀붙이 렌더링을 제공합니다.반면에 크로스 브라우저 그래픽 API를 사용할 수 있습니다.저는 XULRunner와 SVG를 사용하여 대규모 프런트 엔드를 수행했지만 웹에서는 IE를 지원해야 하는 작업이 전혀 없었습니다.

2/ 내가 가장 자주 언급한 두 가지는 mozilla.org의 SVG 페이지 이 SVG DOM 참조 .내 모든 SVG 링크는 여기에 있습니다. 맛있는

에 기존 편집자가 1명 있습니다. http://www.bpel4chor.org/editor/;또한 원하는 것이 모든 호가 그리드에 있는 회로도라면 SVG 없이 div와 이미지를 사용하여 아주 잘 수행할 수 있습니다.아니면 그냥 갈 수도 있어요 로파이 루트

@jwmittag가 언급했듯이 <canvas>는 옵션입니다.

Saffari 및 Firefox 3, Opera 9 및 사람들이 IE 지원을 개발하고 있습니다 .

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

저는 <canvas>를 사용하여 프로젝트를 마쳤으며 특히 OpenGL 또는 Cairo 작업을 수행 한 적이있는 경우 작업 할 수있는 간단하고 매우 강력한 API입니다.

행운을 빕니다. 멋진 프로젝트 같네요.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top