SVG 최적화를위한 XSLT 반올림 속성

Question

공간을 절약하기 위해 SVG 속성의 수치 정밀도와 최소 지수를 줄여야합니다.

입력 :

<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250"> 
<circle cx="125.1111" cy="125.2222" r="124.9999" fill="red"/> 
</svg> 

는 출력 :

<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250"> 
<circle cx="125.1" cy="125.2" r="125.0" fill="red"/> 
</svg> 

어떤 스타일 결과를 얻을 것인가?
안전에 관한 의견이 있으십니까?

Answer 1

이 스타일 :

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
    <xsl:template match="node()|@*"> 
     <xsl:copy> 
      <xsl:apply-templates select="node()|@*"/> 
     </xsl:copy> 
    </xsl:template> 
    <xsl:template match="@*[.=number()]"> 
     <xsl:attribute name="{name()}"> 
      <xsl:value-of select="format-number(.,'#.#')"/> 
     </xsl:attribute> 
    </xsl:template> 
</xsl:stylesheet> 

출력 :

<svg width="250" height="250" xmlns="http://www.w3.org/2000/svg"> 
    <circle cx="125.1" cy="125.2" r="125" fill="red"></circle> 
</svg> 

Answer 2

적용에

:

은 모든 경우에 작동하지 않을 것 적절한 분석을하지 않고 있지만, 보통 잘게 잘 작동 일부 소수점 자리에서 벗어나 최고가되기를 바란다. 그라디언트 (일반적으로 objectBoundingBox 공간에 정의 됨)의 소수점 이하 한 자리로 자르는 것은 objectBoundingBox 단위를 사용하는 다른 장소와 마찬가지로 좋지 않은 결과를 줄 수 있습니다 (속성 값은 일반적으로 [0..1] 범위 내에 있습니다). 나머지는 주로 현재 변환 (CTM)과 루트 svg 요소에서 사용되는 'viewBox'에 따라 다릅니다.