Apache Batik을 사용하여 하나의 SVG 이미지를 다른 SVG 이미지 위에 슈퍼 임 포즈하는 방법은 무엇입니까?

Question

Batik을 사용하여 오버레이해야하는 SVG 파일이 2 개 있습니다. 한 파일은 배경 이미지로 사용되며 308px x 308px이고 두 번째 파일 (260px x 260px)은 중심에 있어야하는 전경 이미지 (즉, 배경 이미지의 중심)입니다. 작업 결과를 세 번째 SVG 파일에 저장하고 싶습니다. 바틱에 익숙하다면, 귀하의 제안에 감사드립니다.

감사합니다.

올리비에. 당신이 마지막 하나의 배경의 내용과 전경 문서를 포함 할 필요가없는 경우

Answer 1

것은, 당신은 단순히 그들을 참조 사용할 수 있습니다

<svg xmlns='http://www.w3.org/2000/svg' 
    xmlns:xlink='http://www.w3.org/1999/xlink' 
    width='308' height='308' viewBox='0 0 308 308'> 
    <image xlink:href='background.svg' width='308' height='308'/> 
    <image xlink:href='foreground.svg' x='24' y='24' width='260' height='260'/> 
</svg> 

DOM을 사용하여이 문서를 구성하는 단순해야 . DOM API를 사용하여 문서를 작성하는 예제는 here을 참조하십시오.

하나에 두 개의 문서를 병합해야하는 경우에, 당신은 할 수 :

• 는 = Document이 parsing
• 이 B하자 background.svg = 인한 Document에서 결과 하자 구문 분석 foreground.svg
• e = a.importNode(b.getDocumentElement(), true)
• 는 전자의 x 및 y 속성을 "24"는 전경 내용 문서 지금 a.getDocumentElement().appendChild(e)

이 병합

호출합니다.

설정