문제
SVG를 XUL에 포함시키고 싶습니다. 나는 그것을 사용하려고했다 이 튜토리얼 XUL 애플리케이션에서 SVG 코드의 붙여 넣기가 필요하며 작동하지만 깨끗하지 않습니다. SVG 및 XUL 파일을 별도로 유지하고 싶습니다. 또한 SVG 부품에 별도의 CSS 파일을 사용하고 싶습니다.
해결책
Xul-Overlays를 사용할 수 있습니다.
1) XUL 파일의 상단에 오버레이를 선언하십시오.
<?xul-overlay href="africa.svg"?>
2) XUL 파일 내부의 빈 컨테이너 SVG 요소를 정의하고 포함 된 파일의 기본 SVG 요소와 동일한 ID를 할당하십시오.
<box>
<svg:svg id="mapa" />
</box>
3) SVG 부품에 별도의 네임 스페이스를 사용하고 (위의 SVG : SVG 참조) 선언해야합니다.
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:svg="http://www.w3.org/2000/svg">
4) 오버레이 신고서를 둘러싼 SVG 파일을 오버레이로 만드십시오 (이 작업을 수행해야합니다).
<overlay xmlns="http://www.w3.org/2000/svg">
<svg id="mapa">
...
</overlay>
별도의 CSS 파일에 대해 : SVG 오버레이에서도 두 가지를 만들고 원하는 곳에 포함시킵니다.
몇 년 전에 만든 작은 지리 퀴즈 인 작업 예제 내부를 살펴보고 현재 Firefoxes에서 다시 작동하도록 어제 업데이트 한 작은 지리 퀴즈입니다.
http://open-projects.net/~inco/countryquiz/
소스 파일 만보세요!
제휴하지 않습니다 StackOverflow