Programing

document ()와 함께 copy-of를 사용하여 XHTML 출력에 SVG 추가

crosscheck 2020. 7. 26. 12:25
반응형

document ()와 함께 copy-of를 사용하여 XHTML 출력에 SVG 추가


XML을 처리하는 동안 href속성 에서 참조 된 SVG 파일을 다음 줄을 사용하여 출력 HTML로 직접 복사하려고합니다 .

 <xsl:copy-of copy-namespaces="yes" select="document(@href)"/>

copy-namespaces기본값 어쨌든 "예"이기 때문에 필요는 없습니다,하지만 난 그것을 시도했습니다 여부에 대한 질문을 막기 위해 추가했습니다.

파일은 HTML로 복사되지만 네임 스페이스가 지정된 요소는 호스로 표시됩니다. 예를 들어, 복사하기 전에 다음과 같은 파일이 나타납니다.

  <rdf:RDF>
      <cc:Work rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
        <dc:title/>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g transform="translate(-519.21143,-667.79077)" id="layer1">
    <image xlink:href="data:image/png;base64

나중에 다음과 같이 보입니다.

  <_0:RDF xmlns:_0="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
      <_0:Work xmlns:_0="http://creativecommons.org/ns#" about="">
        <_0:format xmlns:_0="http://purl.org/dc/elements/1.1/">image/svg+xml</_0:format>
        <_0:type xmlns:_0="http://purl.org/dc/elements/1.1/" resource="http://purl.org/dc/dcmitype/StillImage"/>
        <_0:title xmlns:_0="http://purl.org/dc/elements/1.1/"/>
      </_0:Work>
    </_0:RDF>
  </metadata>
  <g id="layer1" transform="translate(-519.21143,-667.79077)">
    <image href="data:image/png;base64

href이미지 요소 값 에 누락 된 xlink 네임 스페이스 가 특히 문제가됩니다.

SVG 파일에서 해석하지 않고 다르게 읽을 수있는 방법에 대한 생각이 있습니까?

"작동"하는 솔루션을 찾았지만 해킹이므로 더 우아한 것을 원합니다.

<xsl:template name="topic-image-svg">
    <!-- Generate tags to embed SWFs -->
    <xsl:element name="div">
      <xsl:if test="@width">
        <xsl:attribute name="width">
          <xsl:value-of select="@width"/>
        </xsl:attribute>
      </xsl:if>
      <xsl:if test="@height">
        <xsl:attribute name="height">
          <xsl:value-of select="@height"/>
        </xsl:attribute>
      </xsl:if>     
        <xsl:apply-templates select="document(@href)" mode="svg"/>
    </xsl:element>
  </xsl:template>

  <xsl:template match="*" mode="svg">
    <xsl:copy copy-namespaces="yes">
      <xsl:for-each select="@*">
        <xsl:choose>
          <xsl:when test="self::node()[name() = 'xlink:href']">
            <xsl:attribute name="xlink:href"><xsl:value-of select="."></xsl:value-of></xsl:attribute>
          </xsl:when>
          <xsl:otherwise>
            <xsl:copy></xsl:copy>
          </xsl:otherwise>
        </xsl:choose>
      </xsl:for-each>
     <xsl:apply-templates mode="svg"></xsl:apply-templates>
    </xsl:copy>
  </xsl:template>

이 XSLT 작업의 이유에 부딪쳤다 고 생각합니다.

http://www.w3schools.com/xsl/el_namespace-alias.asp

네임 스페이스 변환이 완료되면 출력이 생성 될 때까지 맹 글링 된 네임 스페이스가 그대로 유지됩니다.

참고 URL : https://stackoverflow.com/questions/18541462/using-copy-of-with-document-to-add-svgs-to-xhtml-output

반응형