여러 SVG 파일을 병합하는 방법은 무엇입니까?

두 개의 SVG 파일을 하나의 SVG 파일로 병합하려고했습니다. 어디서나 나는 pageSet을 사용하고 있습니다. 아래 코드는 두 개의 SVG 파일을 하나의 파일에 병합하는 것입니다. 여러 SVG 파일을 병합하는 방법은 무엇입니까?

<pageSet> 
    <page> 
     <circle cx="300" cy="150" r="90" fill="red" stroke="black" 
       stroke-width="4" fill-opacity="0.7" /> 
    </page> 
    <page> 
     <circle cx="240" cy="250" r="90" fill="green" stroke="black" 
       stroke-width="4" fill-opacity="0.7" /> 
    </page> 
    <page> 
     <circle cx="360" cy="250" r="90" fill="blue" stroke="black" 
       stroke-width="4" fill-opacity="0.7" /> 
    </page> 
</pageSet>

나는 위의 코드를 사용하지만, 아무것도 표시되지 않습니다했습니다.

출처

2012-07-27 Dalee

어떻게 당신은 그것을 표시하기 위해 노력하고있다 - 브라우저에서? 아마도 위 파일은 전체 파일이 아니며 SVG 파일은 ' halfer

SVG Print (http://www.w3.org/TR/SVGPrint12/)를 사용하는 것처럼 보입니다.이 스펙은 여전히 작동중인 초안이며 완료 할 수있는 진행중인 작업이 없습니다. 어떤 웹 브라우저도 AFAIK를 지원하지 않습니다. –

두 파일을 병합하려는 목표는 무엇입니까? 나란히 배치하거나 두 번째 (세 번째 등) 파일의 내용을 같은 그래픽에 겹쳐서 표시하려고합니까? – Phrogz

SVG 파일을 하나씩 HTML 문서에 임베드 할 수 있습니다. 예를 들어, SVG 컨텐츠 인라인 중 하나에 :

<html><head>…</head><body> 
    <svg xmlns="http://www.w3.org/2000/svg"><!-- SVG Data --></svg> 
    <svg xmlns="http://www.w3.org/2000/svg"><!-- SVG Data --></svg> 
    <svg xmlns="http://www.w3.org/2000/svg"><!-- SVG Data --></svg> 
    <svg xmlns="http://www.w3.org/2000/svg"><!-- SVG Data --></svg> 
</body></html>

... 또는 referencing an external file :

<html><head>…</head><body> 
    <object type="image/svg+xml" data="file1.svg"></object> 
    <object type="image/svg+xml" data="file2.svg"></object> 
    <object type="image/svg+xml" data="file3.svg"></object> 
    <object type="image/svg+xml" data="file4.svg"></object> 
</body></html>

그런 다음 control the page breaks when printing에 CSS를 사용할 수 있습니다

는

svg, object { page-break-before:always }

출처

2012-07-28 15:01:12 Phrogz

고마워. 귀하의 코드가 실제로 작동합니다. – Dalee

Phrogz, 필자는 의심의 여지가 하나 더 있습니다. 나는 모든 svg 파일을 pdf 파일에 포함시킨 후 생성 된 결과 html 파일을 변환해야합니다. svg 요소가 들어있는 샘플 HTML 파일을 사용하여 java에서 변환을 시도했지만 svg 그래픽을 볼 수 없습니다. – Dalee

@Dalee 스택 오버플로에 오신 것을 환영합니다! 나는 기쁘다. 적절한 노출과 도움을 받으려면 추가 질문이 [별도의 질문으로 게시]되어야합니다 (http://stackoverflow.com/questions/ask). _ "SVG를 사용하여 HTML 파일을 PDF로 변환"_과 같은 것입니다. 이 질문에 대한 대답이이 답변으로 완전히 해결되었다고 생각되는 경우 (단,!), [수락 된 것으로 표시해야합니다] (http://meta.stackexchange.com/a/5235/153741). 이것은 평판과 명성을 높이는 데 도움이되며이 질문에 대한 답변이 도움이된다는 것을 다른 사용자에게 알려줍니다. – Phrogz

여러 SVG 파일을 병합하는 방법은 무엇입니까?

답변

관련 문제