Question

I need to reduce the numeric precision, and minimum exponent of SVG attributes to save space.

Input:

<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>

Output:

<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>

What stylesheet will achieve the result?
Any thoughts on the safety of this?

Answer 1

This stylesheet:

<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>

Output:

<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>