XUL에 SVG를 포함시켰다

Question

SVG를 XUL에 포함시키고 싶습니다. 나는 그것을 사용하려고했다 이 튜토리얼 XUL 애플리케이션에서 SVG 코드의 붙여 넣기가 필요하며 작동하지만 깨끗하지 않습니다. SVG 및 XUL 파일을 별도로 유지하고 싶습니다. 또한 SVG 부품에 별도의 CSS 파일을 사용하고 싶습니다.

Answer 1

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/

소스 파일 만보세요!