sharp SVG file with viewbox not rendered correctly

SVG file with viewbox not rendered correctly

Open svenssf opened this issue 3 years ago • 3 comments

The following SVG is not rendered correctly. The girl in the image get's her handbag cropped as you can see in this PNG:

_sktwimmakmg3k2ve2 builder

To reproduce simply covert SVG to PNG using.

                    sharp(Buffer.from(svg, 'utf8'))
                        .png()
                        .toFile(pngFile)
                        .then(function (info) {

It's this part of the SVG code that is not working when I put an x greater than 0 in the viewbox.

<svg id="Head_3pt_svg" data-name="Head 3pt svg" xmlns="http://www.w3.org/2000/svg" **viewBox="20.858752808321043 0 127.20124719167896 283.46"** width="127.20124719167896" height="283.46"> </svg>

Below is the entire SVG code for the image above:

Mar 20 '21 20:03 svenssf

Hi, the element with id Head_3pt_svg refers to the head rather than the body. The element with id Body_3pt_svg has a mask attribute mask="url('#SvgjsMask1005')" that is, I think, correctly masking off the left hand side of the body.

Converting the fila via rsvg-convert at the command line and viewing the file in Firefox produces the same result. Viewing the file in Chrome does not cut off the left of the body so it's possible this is a bug/feature of its SVG renderer.

Mar 21 '21 08:03 lovell

Perfect, thank you!

I’ve been able to find a work around.

It’s a bit surprising because it’s such a basic construction.

Below code that works in both and code that doesn’t. It’s the X offset in the viewbox that they interpret differently.

Do you think that I should report this somehow? It feels like a bug in the Firefox version?

<!-- THIS WORKS IN BOTH -->
<svg id="Body_3pt_svg" xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 127.20124719167896 283.46" width="127.20124719167896" height="283.46"
     mask="url(&quot;#SvgjsMask1045&quot;)">
    <defs>
        <style>.body-04-cls-1 {
            fill: #cce3ff;
            }
            .body-04-cls-2 {
            fill: #5c8eff;
            }
        </style>
    </defs>
    <g transform="translate(-20.858752808321043 0)">

        <path d="M0,0V283.46H170.08V0ZM125.66,51.86a1.5,1.5,0,0,1,.77,1.58c-.36,2.1-2.37,3.62-4,4.53l-.56.29a13,13,0,0,1-3.79,5.16,8,8,0,0,1-.44,5.7,10.19,10.19,0,0,1-.88,1.55c-.16,10.72-.21,33.09,5,36a1.54,1.54,0,0,1,.75,1.07,1.49,1.49,0,0,1-.37,1.24c-3.93,4.4-8.84,6.36-13.48,5.38-3.21-.68-5.81-2.74-6.61-5.24a1.59,1.59,0,0,1-.07-.38c-.29-5.09.45-12.56,1.23-20.46l.27-2.69a29.09,29.09,0,0,1-35.73.37c.3,1.87.6,3.7.89,5.46,1.55,9.56,2.42,15.07,2.06,17.12-.63,3.54-3.94,6.13-8.45,6.61a11.69,11.69,0,0,1-1.44.08c-4.4,0-8.07-2.22-9.57-5.89a1.5,1.5,0,0,1,.28-1.58c.88-1,2.9-4.85,2.69-20.25-.09-6.33-.52-12.5-.91-16.88a9,9,0,0,1-.85-1.49,8.57,8.57,0,0,1-.77-3.93C49,63.27,46.09,59.72,47.82,55a1.52,1.52,0,0,1,1.39-1c.78,0,2.12-3.61,3-6,2.75-7.4,6.91-18.58,19.33-23.53a42.59,42.59,0,0,1,11.88-3,11.8,11.8,0,0,1,1-5.21,7,7,0,0,1,4.8-3.83C91.86,9.71,94,8.79,96.47,9.38a9.59,9.59,0,0,1,6.37-2.3,9.35,9.35,0,0,1,7.58,4.33A9.25,9.25,0,0,0,112.9,13a15.26,15.26,0,0,1,3.78,2.48A4,4,0,0,1,118,18.71c1.91.85,4.19,3,3.67,8.38a23.54,23.54,0,0,1-1.93,6.41,27.74,27.74,0,0,0-1.31,3.66,5.93,5.93,0,0,1,3.95-.49,5.14,5.14,0,0,1,3.38,3c1.61,3.58,1.7,7.48.22,10.2a6.37,6.37,0,0,1-1.66,2A1.5,1.5,0,0,1,125.66,51.86Z"
              fill="#ffffaa"></path>

        <path d="M148.06,194.45c0-4.85-1.75-14-3.83-17.83a1.54,1.54,0,0,0-.45-.5c-1.63-11.46-8.88-25.39-15.76-29.31a15,15,0,0,0,4.41-6.74c3.9,0,8.3-.62,9.41-1.74,1.83-1.82.85-5.32.32-7.19l0-.18c-.4-1.43-2.13-1.78-2.79-1.91-3.11-.61-14.84-.37-16.29,1.49-1.19,1.54-.2,3.71.85,6,.21.44.41.88.59,1.31.53,1.25,2,1.67,3.1,1.88.5.1,1.1.17,1.74.23a12,12,0,0,1-4.07,5.2,4.91,4.91,0,0,1-1.22.6h-.22a3.55,3.55,0,0,0-.66.17,3.08,3.08,0,0,1-1.64-.36c-3.57-1.83-6.64-12.62-7.92-19.73,3.32-1.13,6.32-3.17,7.79-6.22a1.48,1.48,0,0,0-.05-1.4c-2.11-3.7-3.83-7.09-5.34-10.07-3.29-6.47-5.67-11.15-9.12-13.1-3.9-2.2-7.09-1.64-11.9-.78-2.25.41-4.79.86-8.06,1.18l-.36,0V90.71a1.5,1.5,0,0,0-3,0v5c-1.53,0-3,0-4.26,0-4.78,0-8.56-.11-11.18,3.38-1.24,1.64-2.75,3.82-4.49,6.34-2.82,4.09-6,8.73-9.15,12.63a1.5,1.5,0,0,0-.32,1.13c.63,4.84,4,7.46,7.52,8.6a30.91,30.91,0,0,1-5.55,6.1c-1.13.92-3.56.33-6.24-.9-1.09-2.29-2.56-4-4.65-4.29a4.57,4.57,0,0,0-1.38,0,2.45,2.45,0,0,0,.08-.56c.1-4-9.88-10.58-12.78-11.4-4.92-1.37-7.47.2-8.74,1.76-2.48,3-1.75,8,.07,11.48a6.12,6.12,0,0,0,6,3.64,31.75,31.75,0,0,0,7.73-1.5c1.09-.3,2.28-.63,3.54-.94a38.73,38.73,0,0,0-6,8.3c-.6,1.05-3.74,7.63-6.59,13.8-4.19,9.08-5.36,11.93-5.55,13.11h0v0c0,.07,0,.14,0,.2-.13,1.64-.14,9.87-.07,29.33,0,2.1,0,3.64,0,4.25a1.53,1.53,0,0,0,.39,1c1.52,1.65,7.69,5.07,10.83,6a1.5,1.5,0,0,0,1.37-.28c.7-.56,1.82-1.43,3.14-2.45,5.41-4.19,10-7.8,11.12-9.5a1.5,1.5,0,0,0,.14-1.39,30.54,30.54,0,0,1-.77-3.15,8.9,8.9,0,0,0,5.43-2.37c2.11-1.83,4.4-5.14,3.89-8.43l-.28-1.89c-1-7.23-2.22-15.42-3.32-18.2a3.14,3.14,0,0,0-.9-1.19c0-.7,0-1.54.09-2.48.2-4.74.5-11.9-.81-17.09-.18-.7-.37-1.4-.57-2.09a11.62,11.62,0,0,0,3.29.55A5.29,5.29,0,0,0,58,136.2a34.28,34.28,0,0,0,6.84-7.79l.44,0A9.8,9.8,0,0,0,69,133.05a85.4,85.4,0,0,1-.5,13.55c-.76,6.27-4.06,12.48-5.83,15.82a1.34,1.34,0,0,0-.17.58,4.44,4.44,0,0,0,1.75,3.85c-1.2,7.6-.56,18.88,2,34.43a1.48,1.48,0,0,0,.82,1.11c2.68,1.31,7,2.26,11.94,2.8l1.24,7.51c-.06,2.89-.84,37.37-.11,48.18a60.37,60.37,0,0,1-5.41,9.59c-3,4.58-5.32,8.2-3,10.53,1.87,1.84,7.54,2.53,12.19,2.53,1,0,1.92,0,2.77-.09,6-.4,7.11-1.88,7.49-2.36,2.39-3.11-.53-6.12-3.63-9.32-2.85-2.93-6.39-6.59-7.31-11.28a2,2,0,0,0-.19-.48c-.67-11.64.15-47,.16-47.37,0-.09,0-.18,0-.28l-1.14-6.88c2.17.15,4.41.23,6.64.23,1.9,0,3.8-.06,5.64-.17.31,2.16,1,6.59,1.71,10.91a1.66,1.66,0,0,0,.06.21c.86,2.59,4.89,13.71,8.78,24.47,3.28,9,6.37,17.57,7.16,19.88-.11,4.48-3.42,9.3-5.85,12.83-2.3,3.34-3.69,5.36-2.26,6.91,2.14,2.31,6.84,2.81,10.52,2.81h.28c3.86,0,10.61-.77,12.3-2.65,1.19-1.33,1-3.59-3.79-10.34-2.66-3.74-6-7.84-8.37-10.53-.81-2.4-3.9-10.92-7.17-19.93-3.84-10.6-7.8-21.55-8.72-24.29-.72-4.13-1.34-8.35-1.66-10.53,5.1-.54,9.56-1.57,12.24-3.19a1.5,1.5,0,0,0,.64-1.77c-2.29-6.71-1.15-14.73-.14-21.81.73-5.1,1.4-9.91.72-13.69a5,5,0,0,0,.65-1.18,1.44,1.44,0,0,0,.07-.77,57.72,57.72,0,0,0-3.78-12.4,36.94,36.94,0,0,1-2.31-6.95c-.54-2.93.53-5.83,1.66-8.91a30,30,0,0,0,2.08-7.78c.5-.06,1-.13,1.52-.22.88,4.76,3.89,18.76,9.44,21.64-4,5.91-2.8,21.11-2,25.16.08,1.63,1.2,23.56,3,35.19a1.47,1.47,0,0,0,.61,1,10.45,10.45,0,0,0,6.12,2c4.83,0,9.15-3.4,11.83-5.51l.29-.23a1.56,1.56,0,0,0,.56-1,31.84,31.84,0,0,0,.08-6.8,11.63,11.63,0,0,0,7-2.56A1.48,1.48,0,0,0,148.06,194.45Zm-20.9-57.94c-.17-.39-.36-.8-.55-1.21a17,17,0,0,1-1.09-2.79c2.48-.66,11.77-1.2,13.81-.38.79,2.91.61,3.77.44,4C137.67,137.28,128.6,137.33,127.16,136.51Zm-91.79-7.27c-6.57,1.8-8.81,2.15-10.24-.62-1.59-3.08-1.77-6.53-.41-8.2a3.65,3.65,0,0,1,3-1.18,10.05,10.05,0,0,1,2.65.41c2.92.82,9.82,6.24,10.53,8.19h0C38.82,128.3,37,128.8,35.37,129.24Zm7.34,34.42,0-.16a1.56,1.56,0,0,0-.54-.91,6.79,6.79,0,0,0-3.49-1.28,6.72,6.72,0,0,1-1.59-1.58l1.54,0a65.57,65.57,0,0,1,9.87.26C46.68,161.67,43.64,163.92,42.71,163.66Zm-5.2.53.38.26c-2,1.72-6,3.27-7.53,3.85l-.75.29a5.18,5.18,0,0,1-4.31-1.69C27.74,165.77,33.7,164.05,37.51,164.19Zm-2.1,38c-1,.76-1.87,1.44-2.55,2a39.64,39.64,0,0,1-8.34-4.56c0-.8,0-2.05,0-3.61,0-5.94-.08-19.59,0-25.87a7.74,7.74,0,0,0,4.25,1.54c.26,3.87,1.61,21.49,1.94,24.35a1.5,1.5,0,0,0,1.49,1.33h.18a1.49,1.49,0,0,0,1.31-1.66c-.34-3-1.82-22.42-1.95-24.65,3.31-1.29,6.5-2.73,8.45-4.55,1.16,6.52,4.13,23,5.31,27.42C43.75,195.7,38.41,199.83,35.41,202.16Zm18.4-23.93.28,1.9c.26,1.67-.92,4-2.88,5.71-1.46,1.26-3.05,1.87-4.1,1.59-1.13-5.64-2.67-14-3.88-20.8A10.49,10.49,0,0,0,48,164.29a26.21,26.21,0,0,0,3-2.6C51.9,165,53,172.54,53.81,178.23Zm-4.88-38.66c1.21,4.77.92,11.67.73,16.23q0,.72-.06,1.35c-2.72-.58-6.61-.57-11.07-.45-1.18,0-2.2.05-2.77,0h-.15a3.13,3.13,0,0,0-2.25.9,6.82,6.82,0,0,0-1.64,4.17,46,46,0,0,0-5.83,1.62c2.9-6.72,9.56-20.89,10.45-22.43,3-5.21,5.1-7.55,6.51-8.59a41.46,41.46,0,0,0,4.72,2.81A36.73,36.73,0,0,1,48.93,139.57ZM88.4,273.85c2.86,3,4.13,4.45,3.4,5.39-.21.26-1.74,1-5.9,1.24-5.58.28-11.07-.64-12.07-1.62-.62-.62,1.88-4.46,3.37-6.76a80.7,80.7,0,0,0,4.34-7.23C83.24,268.53,86,271.42,88.4,273.85ZM124.63,279c-2.22,1.29-14.71,2.7-18.16,0a28.31,28.31,0,0,1,2.19-3.48c2.12-3.07,4.84-7,5.92-11.23C120.1,270.88,124.4,277.14,124.63,279ZM87.19,98.46c1.3-.13,2.5-.28,3.62-.44-.72,2.45-3.27,5.06-5.58,7.41-.78.8-1.54,1.58-2.23,2.34-1.78-2.81-3-6.83-2.7-9.07A63.09,63.09,0,0,0,87.19,98.46ZM71.47,147a87.7,87.7,0,0,0,.47-14.9,1.5,1.5,0,0,0-.91-1.29,6.61,6.61,0,0,1-3.19-4.09,1.4,1.4,0,0,0-.1-.35,10.37,10.37,0,0,1-.28-1.54c-.23-2.32.7-3.55,2-5.24a15.67,15.67,0,0,0,3.19-6.07,1.5,1.5,0,1,0-2.91-.73,13,13,0,0,1-2.67,5c-1.44,1.9-2.94,3.86-2.58,7.37l0,.24c-2.65-.38-6.43-1.83-7.29-6,3.06-3.86,6.13-8.32,8.86-12.27,1.72-2.5,3.21-4.65,4.41-6.25,1.4-1.85,3.33-2.17,6.81-2.19-.32,3.8,1.81,9,4,11.88a19.94,19.94,0,0,1-3.29,6.2c-1.48,2.11-2.87,4.1-2.87,6.55,0,3.36,3.94,7.4,6.43,9.42.12,1.84.22,5.88.25,9.76l-3.21-.21a1.14,1.14,0,0,0-1,.42c-.92,1.13,0,6.07,0,6.12a1,1,0,0,0,.65.63,28.44,28.44,0,0,0,3.55.51c0,.3,0,.57,0,.8,0,0,0,0,0,.06a.13.13,0,0,0,0,.06c0,2.11-1,12.09-1.56,17.16A55,55,0,0,1,72.19,167c-3.94-.87-6.5-2.21-6.7-3.47C67.39,159.91,70.67,153.57,71.47,147Zm35.62,31.12c-1,7-2.12,14.9-.11,22-2.63,1.2-6.75,2-11.4,2.4h-.22c-9.28.77-20.59,0-26.33-2.47-1-6.09-3.28-21.14-2-31.51a26.06,26.06,0,0,0,4.51,1.39,67.74,67.74,0,0,0,13.86,1.29,83.52,83.52,0,0,0,9.56-.54c4.47-.52,9.67-1.53,13.08-3.48A60.08,60.08,0,0,1,107.09,178.08Zm-2.83-44.5a24.69,24.69,0,0,0-2,8.21A40.87,40.87,0,0,1,94,143.15a1,1,0,0,0-1,.95,26.18,26.18,0,0,0,.41,5.09,1.17,1.17,0,0,0,.86.92,3.84,3.84,0,0,0,1,.09,36.88,36.88,0,0,0,8.65-1.37c.34.91.7,1.83,1.07,2.76a55.7,55.7,0,0,1,3.53,11.34,2.78,2.78,0,0,1-.26.37,1.51,1.51,0,0,0-.21.23c-2.93,3-14.19,4.92-24.86,4.64.22-2,1.54-14.48,1.56-17.23,0-.22,0-.47,0-.75.52,0,1,0,1.49,0a8.59,8.59,0,0,0,2.34-.23,1,1,0,0,0,.65-1.17,26.86,26.86,0,0,1-.3-3.29c0-.65-.08-1.28-.12-1.79a1,1,0,0,0-.94-.91l-3-.17c0-4.57-.17-9.41-.31-10.86a1.47,1.47,0,0,0-.59-1.05c-3.13-2.37-5.78-5.78-5.78-7.45,0-1.51,1-3,2.33-4.82a22,22,0,0,0,3.84-7.6,43.73,43.73,0,0,1,3.08-3.36c2.91-3,6.16-6.31,6.57-10l1.53-.27c4.62-.83,6.94-1.24,9.9.43,2.67,1.51,4.87,5.84,7.92,11.85,1.43,2.82,3,6,5,9.47-2.72,4.37-10,5.56-13.87,4.63-.14-1-.24-2.2-.35-3.42-.31-3.6-.66-7.68-2.24-10.7a1.5,1.5,0,1,0-2.66,1.39c1.3,2.49,1.63,6.25,1.92,9.57.14,1.65.27,3.21.51,4.58a1.51,1.51,0,0,0,1,1.14,12.41,12.41,0,0,0,3.56.71A29.49,29.49,0,0,1,104.26,133.58Zm36.32,45.07c-1.74,4.83-3.47,6.49-4.54,6.42-1.35-.11-3-2.61-3.82-5.59A59.79,59.79,0,0,1,140.58,178.65Zm-20-8.47c-.64-6.11-.67-16.62,2-20.34a2.7,2.7,0,0,1,1.1-1,5.43,5.43,0,0,0,.68-.13c4.49-.1,13.94,12.89,16.24,26.9a36.34,36.34,0,0,0-4,.23,31.71,31.71,0,0,0-2.18-7.84c-.46-1-1.5-1.46-3.12-1.42A25.42,25.42,0,0,0,120.63,170.18Zm17,33.74c-4.54,3.55-9,6.43-13.65,3.57-1.64-11.11-2.7-30.75-2.86-33.9,1.26-1.61,8.77-4.38,10.83-4a27.47,27.47,0,0,1,1.78,6.63c-1.17.16-2.36.35-3.52.54h0a1.6,1.6,0,0,0-.53.19h0a1.64,1.64,0,0,0-.41.38h0l0,0c-2.65,3.69-2.7,13.12-2.44,14.66a1.48,1.48,0,0,0,.16.46c1.41,2.64,4.65,4.59,8.89,5.34.56.1,1.15.17,1.76.23A26.87,26.87,0,0,1,137.58,203.92Zm-1.28-9c-3.09-.54-5.61-1.91-6.64-3.58a36.38,36.38,0,0,1,.62-8.41c1.18,2.61,3,4.94,5.53,5.14h.33c2.55,0,4.8-2.33,6.69-6.91a54.76,54.76,0,0,1,2.22,12.56C143.11,195,139.71,195.52,136.3,194.91Z"></path>
    </g>
</svg>

<!--
    THIS IS RENDERED DIFFERETLY
        <svg id="Body_3pt_svg" xmlns="http://www.w3.org/2000/svg"
             viewBox="20.858752808321043 0 127.20124719167896 283.46" width="127.20124719167896" height="283.46"
             mask="url(&quot;#SvgjsMask1045&quot;)">
            <defs>
                <style>.body-04-cls-1 {
                    fill: #cce3ff;
                    }
                    .body-04-cls-2 {
                    fill: #5c8eff;
                    }
                </style>
            </defs>
            <path d="M0,0V283.46H170.08V0ZM125.66,51.86a1.5,1.5,0,0,1,.77,1.58c-.36,2.1-2.37,3.62-4,4.53l-.56.29a13,13,0,0,1-3.79,5.16,8,8,0,0,1-.44,5.7,10.19,10.19,0,0,1-.88,1.55c-.16,10.72-.21,33.09,5,36a1.54,1.54,0,0,1,.75,1.07,1.49,1.49,0,0,1-.37,1.24c-3.93,4.4-8.84,6.36-13.48,5.38-3.21-.68-5.81-2.74-6.61-5.24a1.59,1.59,0,0,1-.07-.38c-.29-5.09.45-12.56,1.23-20.46l.27-2.69a29.09,29.09,0,0,1-35.73.37c.3,1.87.6,3.7.89,5.46,1.55,9.56,2.42,15.07,2.06,17.12-.63,3.54-3.94,6.13-8.45,6.61a11.69,11.69,0,0,1-1.44.08c-4.4,0-8.07-2.22-9.57-5.89a1.5,1.5,0,0,1,.28-1.58c.88-1,2.9-4.85,2.69-20.25-.09-6.33-.52-12.5-.91-16.88a9,9,0,0,1-.85-1.49,8.57,8.57,0,0,1-.77-3.93C49,63.27,46.09,59.72,47.82,55a1.52,1.52,0,0,1,1.39-1c.78,0,2.12-3.61,3-6,2.75-7.4,6.91-18.58,19.33-23.53a42.59,42.59,0,0,1,11.88-3,11.8,11.8,0,0,1,1-5.21,7,7,0,0,1,4.8-3.83C91.86,9.71,94,8.79,96.47,9.38a9.59,9.59,0,0,1,6.37-2.3,9.35,9.35,0,0,1,7.58,4.33A9.25,9.25,0,0,0,112.9,13a15.26,15.26,0,0,1,3.78,2.48A4,4,0,0,1,118,18.71c1.91.85,4.19,3,3.67,8.38a23.54,23.54,0,0,1-1.93,6.41,27.74,27.74,0,0,0-1.31,3.66,5.93,5.93,0,0,1,3.95-.49,5.14,5.14,0,0,1,3.38,3c1.61,3.58,1.7,7.48.22,10.2a6.37,6.37,0,0,1-1.66,2A1.5,1.5,0,0,1,125.66,51.86Z"
                  fill="#ffffaa"></path>

            <path d="M148.06,194.45c0-4.85-1.75-14-3.83-17.83a1.54,1.54,0,0,0-.45-.5c-1.63-11.46-8.88-25.39-15.76-29.31a15,15,0,0,0,4.41-6.74c3.9,0,8.3-.62,9.41-1.74,1.83-1.82.85-5.32.32-7.19l0-.18c-.4-1.43-2.13-1.78-2.79-1.91-3.11-.61-14.84-.37-16.29,1.49-1.19,1.54-.2,3.71.85,6,.21.44.41.88.59,1.31.53,1.25,2,1.67,3.1,1.88.5.1,1.1.17,1.74.23a12,12,0,0,1-4.07,5.2,4.91,4.91,0,0,1-1.22.6h-.22a3.55,3.55,0,0,0-.66.17,3.08,3.08,0,0,1-1.64-.36c-3.57-1.83-6.64-12.62-7.92-19.73,3.32-1.13,6.32-3.17,7.79-6.22a1.48,1.48,0,0,0-.05-1.4c-2.11-3.7-3.83-7.09-5.34-10.07-3.29-6.47-5.67-11.15-9.12-13.1-3.9-2.2-7.09-1.64-11.9-.78-2.25.41-4.79.86-8.06,1.18l-.36,0V90.71a1.5,1.5,0,0,0-3,0v5c-1.53,0-3,0-4.26,0-4.78,0-8.56-.11-11.18,3.38-1.24,1.64-2.75,3.82-4.49,6.34-2.82,4.09-6,8.73-9.15,12.63a1.5,1.5,0,0,0-.32,1.13c.63,4.84,4,7.46,7.52,8.6a30.91,30.91,0,0,1-5.55,6.1c-1.13.92-3.56.33-6.24-.9-1.09-2.29-2.56-4-4.65-4.29a4.57,4.57,0,0,0-1.38,0,2.45,2.45,0,0,0,.08-.56c.1-4-9.88-10.58-12.78-11.4-4.92-1.37-7.47.2-8.74,1.76-2.48,3-1.75,8,.07,11.48a6.12,6.12,0,0,0,6,3.64,31.75,31.75,0,0,0,7.73-1.5c1.09-.3,2.28-.63,3.54-.94a38.73,38.73,0,0,0-6,8.3c-.6,1.05-3.74,7.63-6.59,13.8-4.19,9.08-5.36,11.93-5.55,13.11h0v0c0,.07,0,.14,0,.2-.13,1.64-.14,9.87-.07,29.33,0,2.1,0,3.64,0,4.25a1.53,1.53,0,0,0,.39,1c1.52,1.65,7.69,5.07,10.83,6a1.5,1.5,0,0,0,1.37-.28c.7-.56,1.82-1.43,3.14-2.45,5.41-4.19,10-7.8,11.12-9.5a1.5,1.5,0,0,0,.14-1.39,30.54,30.54,0,0,1-.77-3.15,8.9,8.9,0,0,0,5.43-2.37c2.11-1.83,4.4-5.14,3.89-8.43l-.28-1.89c-1-7.23-2.22-15.42-3.32-18.2a3.14,3.14,0,0,0-.9-1.19c0-.7,0-1.54.09-2.48.2-4.74.5-11.9-.81-17.09-.18-.7-.37-1.4-.57-2.09a11.62,11.62,0,0,0,3.29.55A5.29,5.29,0,0,0,58,136.2a34.28,34.28,0,0,0,6.84-7.79l.44,0A9.8,9.8,0,0,0,69,133.05a85.4,85.4,0,0,1-.5,13.55c-.76,6.27-4.06,12.48-5.83,15.82a1.34,1.34,0,0,0-.17.58,4.44,4.44,0,0,0,1.75,3.85c-1.2,7.6-.56,18.88,2,34.43a1.48,1.48,0,0,0,.82,1.11c2.68,1.31,7,2.26,11.94,2.8l1.24,7.51c-.06,2.89-.84,37.37-.11,48.18a60.37,60.37,0,0,1-5.41,9.59c-3,4.58-5.32,8.2-3,10.53,1.87,1.84,7.54,2.53,12.19,2.53,1,0,1.92,0,2.77-.09,6-.4,7.11-1.88,7.49-2.36,2.39-3.11-.53-6.12-3.63-9.32-2.85-2.93-6.39-6.59-7.31-11.28a2,2,0,0,0-.19-.48c-.67-11.64.15-47,.16-47.37,0-.09,0-.18,0-.28l-1.14-6.88c2.17.15,4.41.23,6.64.23,1.9,0,3.8-.06,5.64-.17.31,2.16,1,6.59,1.71,10.91a1.66,1.66,0,0,0,.06.21c.86,2.59,4.89,13.71,8.78,24.47,3.28,9,6.37,17.57,7.16,19.88-.11,4.48-3.42,9.3-5.85,12.83-2.3,3.34-3.69,5.36-2.26,6.91,2.14,2.31,6.84,2.81,10.52,2.81h.28c3.86,0,10.61-.77,12.3-2.65,1.19-1.33,1-3.59-3.79-10.34-2.66-3.74-6-7.84-8.37-10.53-.81-2.4-3.9-10.92-7.17-19.93-3.84-10.6-7.8-21.55-8.72-24.29-.72-4.13-1.34-8.35-1.66-10.53,5.1-.54,9.56-1.57,12.24-3.19a1.5,1.5,0,0,0,.64-1.77c-2.29-6.71-1.15-14.73-.14-21.81.73-5.1,1.4-9.91.72-13.69a5,5,0,0,0,.65-1.18,1.44,1.44,0,0,0,.07-.77,57.72,57.72,0,0,0-3.78-12.4,36.94,36.94,0,0,1-2.31-6.95c-.54-2.93.53-5.83,1.66-8.91a30,30,0,0,0,2.08-7.78c.5-.06,1-.13,1.52-.22.88,4.76,3.89,18.76,9.44,21.64-4,5.91-2.8,21.11-2,25.16.08,1.63,1.2,23.56,3,35.19a1.47,1.47,0,0,0,.61,1,10.45,10.45,0,0,0,6.12,2c4.83,0,9.15-3.4,11.83-5.51l.29-.23a1.56,1.56,0,0,0,.56-1,31.84,31.84,0,0,0,.08-6.8,11.63,11.63,0,0,0,7-2.56A1.48,1.48,0,0,0,148.06,194.45Zm-20.9-57.94c-.17-.39-.36-.8-.55-1.21a17,17,0,0,1-1.09-2.79c2.48-.66,11.77-1.2,13.81-.38.79,2.91.61,3.77.44,4C137.67,137.28,128.6,137.33,127.16,136.51Zm-91.79-7.27c-6.57,1.8-8.81,2.15-10.24-.62-1.59-3.08-1.77-6.53-.41-8.2a3.65,3.65,0,0,1,3-1.18,10.05,10.05,0,0,1,2.65.41c2.92.82,9.82,6.24,10.53,8.19h0C38.82,128.3,37,128.8,35.37,129.24Zm7.34,34.42,0-.16a1.56,1.56,0,0,0-.54-.91,6.79,6.79,0,0,0-3.49-1.28,6.72,6.72,0,0,1-1.59-1.58l1.54,0a65.57,65.57,0,0,1,9.87.26C46.68,161.67,43.64,163.92,42.71,163.66Zm-5.2.53.38.26c-2,1.72-6,3.27-7.53,3.85l-.75.29a5.18,5.18,0,0,1-4.31-1.69C27.74,165.77,33.7,164.05,37.51,164.19Zm-2.1,38c-1,.76-1.87,1.44-2.55,2a39.64,39.64,0,0,1-8.34-4.56c0-.8,0-2.05,0-3.61,0-5.94-.08-19.59,0-25.87a7.74,7.74,0,0,0,4.25,1.54c.26,3.87,1.61,21.49,1.94,24.35a1.5,1.5,0,0,0,1.49,1.33h.18a1.49,1.49,0,0,0,1.31-1.66c-.34-3-1.82-22.42-1.95-24.65,3.31-1.29,6.5-2.73,8.45-4.55,1.16,6.52,4.13,23,5.31,27.42C43.75,195.7,38.41,199.83,35.41,202.16Zm18.4-23.93.28,1.9c.26,1.67-.92,4-2.88,5.71-1.46,1.26-3.05,1.87-4.1,1.59-1.13-5.64-2.67-14-3.88-20.8A10.49,10.49,0,0,0,48,164.29a26.21,26.21,0,0,0,3-2.6C51.9,165,53,172.54,53.81,178.23Zm-4.88-38.66c1.21,4.77.92,11.67.73,16.23q0,.72-.06,1.35c-2.72-.58-6.61-.57-11.07-.45-1.18,0-2.2.05-2.77,0h-.15a3.13,3.13,0,0,0-2.25.9,6.82,6.82,0,0,0-1.64,4.17,46,46,0,0,0-5.83,1.62c2.9-6.72,9.56-20.89,10.45-22.43,3-5.21,5.1-7.55,6.51-8.59a41.46,41.46,0,0,0,4.72,2.81A36.73,36.73,0,0,1,48.93,139.57ZM88.4,273.85c2.86,3,4.13,4.45,3.4,5.39-.21.26-1.74,1-5.9,1.24-5.58.28-11.07-.64-12.07-1.62-.62-.62,1.88-4.46,3.37-6.76a80.7,80.7,0,0,0,4.34-7.23C83.24,268.53,86,271.42,88.4,273.85ZM124.63,279c-2.22,1.29-14.71,2.7-18.16,0a28.31,28.31,0,0,1,2.19-3.48c2.12-3.07,4.84-7,5.92-11.23C120.1,270.88,124.4,277.14,124.63,279ZM87.19,98.46c1.3-.13,2.5-.28,3.62-.44-.72,2.45-3.27,5.06-5.58,7.41-.78.8-1.54,1.58-2.23,2.34-1.78-2.81-3-6.83-2.7-9.07A63.09,63.09,0,0,0,87.19,98.46ZM71.47,147a87.7,87.7,0,0,0,.47-14.9,1.5,1.5,0,0,0-.91-1.29,6.61,6.61,0,0,1-3.19-4.09,1.4,1.4,0,0,0-.1-.35,10.37,10.37,0,0,1-.28-1.54c-.23-2.32.7-3.55,2-5.24a15.67,15.67,0,0,0,3.19-6.07,1.5,1.5,0,1,0-2.91-.73,13,13,0,0,1-2.67,5c-1.44,1.9-2.94,3.86-2.58,7.37l0,.24c-2.65-.38-6.43-1.83-7.29-6,3.06-3.86,6.13-8.32,8.86-12.27,1.72-2.5,3.21-4.65,4.41-6.25,1.4-1.85,3.33-2.17,6.81-2.19-.32,3.8,1.81,9,4,11.88a19.94,19.94,0,0,1-3.29,6.2c-1.48,2.11-2.87,4.1-2.87,6.55,0,3.36,3.94,7.4,6.43,9.42.12,1.84.22,5.88.25,9.76l-3.21-.21a1.14,1.14,0,0,0-1,.42c-.92,1.13,0,6.07,0,6.12a1,1,0,0,0,.65.63,28.44,28.44,0,0,0,3.55.51c0,.3,0,.57,0,.8,0,0,0,0,0,.06a.13.13,0,0,0,0,.06c0,2.11-1,12.09-1.56,17.16A55,55,0,0,1,72.19,167c-3.94-.87-6.5-2.21-6.7-3.47C67.39,159.91,70.67,153.57,71.47,147Zm35.62,31.12c-1,7-2.12,14.9-.11,22-2.63,1.2-6.75,2-11.4,2.4h-.22c-9.28.77-20.59,0-26.33-2.47-1-6.09-3.28-21.14-2-31.51a26.06,26.06,0,0,0,4.51,1.39,67.74,67.74,0,0,0,13.86,1.29,83.52,83.52,0,0,0,9.56-.54c4.47-.52,9.67-1.53,13.08-3.48A60.08,60.08,0,0,1,107.09,178.08Zm-2.83-44.5a24.69,24.69,0,0,0-2,8.21A40.87,40.87,0,0,1,94,143.15a1,1,0,0,0-1,.95,26.18,26.18,0,0,0,.41,5.09,1.17,1.17,0,0,0,.86.92,3.84,3.84,0,0,0,1,.09,36.88,36.88,0,0,0,8.65-1.37c.34.91.7,1.83,1.07,2.76a55.7,55.7,0,0,1,3.53,11.34,2.78,2.78,0,0,1-.26.37,1.51,1.51,0,0,0-.21.23c-2.93,3-14.19,4.92-24.86,4.64.22-2,1.54-14.48,1.56-17.23,0-.22,0-.47,0-.75.52,0,1,0,1.49,0a8.59,8.59,0,0,0,2.34-.23,1,1,0,0,0,.65-1.17,26.86,26.86,0,0,1-.3-3.29c0-.65-.08-1.28-.12-1.79a1,1,0,0,0-.94-.91l-3-.17c0-4.57-.17-9.41-.31-10.86a1.47,1.47,0,0,0-.59-1.05c-3.13-2.37-5.78-5.78-5.78-7.45,0-1.51,1-3,2.33-4.82a22,22,0,0,0,3.84-7.6,43.73,43.73,0,0,1,3.08-3.36c2.91-3,6.16-6.31,6.57-10l1.53-.27c4.62-.83,6.94-1.24,9.9.43,2.67,1.51,4.87,5.84,7.92,11.85,1.43,2.82,3,6,5,9.47-2.72,4.37-10,5.56-13.87,4.63-.14-1-.24-2.2-.35-3.42-.31-3.6-.66-7.68-2.24-10.7a1.5,1.5,0,1,0-2.66,1.39c1.3,2.49,1.63,6.25,1.92,9.57.14,1.65.27,3.21.51,4.58a1.51,1.51,0,0,0,1,1.14,12.41,12.41,0,0,0,3.56.71A29.49,29.49,0,0,1,104.26,133.58Zm36.32,45.07c-1.74,4.83-3.47,6.49-4.54,6.42-1.35-.11-3-2.61-3.82-5.59A59.79,59.79,0,0,1,140.58,178.65Zm-20-8.47c-.64-6.11-.67-16.62,2-20.34a2.7,2.7,0,0,1,1.1-1,5.43,5.43,0,0,0,.68-.13c4.49-.1,13.94,12.89,16.24,26.9a36.34,36.34,0,0,0-4,.23,31.71,31.71,0,0,0-2.18-7.84c-.46-1-1.5-1.46-3.12-1.42A25.42,25.42,0,0,0,120.63,170.18Zm17,33.74c-4.54,3.55-9,6.43-13.65,3.57-1.64-11.11-2.7-30.75-2.86-33.9,1.26-1.61,8.77-4.38,10.83-4a27.47,27.47,0,0,1,1.78,6.63c-1.17.16-2.36.35-3.52.54h0a1.6,1.6,0,0,0-.53.19h0a1.64,1.64,0,0,0-.41.38h0l0,0c-2.65,3.69-2.7,13.12-2.44,14.66a1.48,1.48,0,0,0,.16.46c1.41,2.64,4.65,4.59,8.89,5.34.56.1,1.15.17,1.76.23A26.87,26.87,0,0,1,137.58,203.92Zm-1.28-9c-3.09-.54-5.61-1.91-6.64-3.58a36.38,36.38,0,0,1,.62-8.41c1.18,2.61,3,4.94,5.53,5.14h.33c2.55,0,4.8-2.33,6.69-6.91a54.76,54.76,0,0,1,2.22,12.56C143.11,195,139.71,195.52,136.3,194.91Z"></path>
        </svg>
        -->

<svg id="Head_3pt_svg" xmlns="http://www.w3.org/2000/svg"
     viewBox="20.858752808321043 0 127.20124719167896 283.46" width="127.20124719167896" height="283.46">
    <defs>
        <style>.head-91-cls-1 {
            fill: #cce3ff;
            }
            .head-91-cls-2 {
            fill: #5c8eff;
            }
        </style>
    </defs>


    <path d="M125.66,51.86a1.5,1.5,0,0,0-1.37,0,6.37,6.37,0,0,0,1.66-2c1.48-2.72,1.39-6.62-.22-10.2a5.14,5.14,0,0,0-3.38-3,5.93,5.93,0,0,0-3.95.49,27.74,27.74,0,0,1,1.31-3.66,23.54,23.54,0,0,0,1.93-6.41c.52-5.39-1.76-7.53-3.67-8.38a4,4,0,0,0-1.29-3.24A15.26,15.26,0,0,0,112.9,13a9.25,9.25,0,0,1-2.48-1.58,9.35,9.35,0,0,0-7.58-4.33,9.59,9.59,0,0,0-6.37,2.3c-2.52-.59-4.61.33-7.27,3.14a7,7,0,0,0-4.8,3.83,11.8,11.8,0,0,0-1,5.21,42.59,42.59,0,0,0-11.88,3C59.13,29.46,55,40.64,52.22,48c-.89,2.39-2.23,6-3,6a1.52,1.52,0,0,0-1.39,1c-1.73,4.7,1.13,8.25,3.84,10.17a8.57,8.57,0,0,0,.77,3.93,9,9,0,0,0,.85,1.49c.39,4.38.82,10.55.91,16.88.21,15.4-1.81,19.29-2.69,20.25a1.5,1.5,0,0,0-.28,1.58c1.5,3.67,5.17,5.89,9.57,5.89a11.69,11.69,0,0,0,1.44-.08c4.51-.48,7.82-3.07,8.45-6.61.36-2-.51-7.56-2.06-17.12-.29-1.76-.59-3.59-.89-5.46a29.09,29.09,0,0,0,35.73-.37l-.27,2.69c-.78,7.9-1.52,15.37-1.23,20.46a1.59,1.59,0,0,0,.07.38c.8,2.5,3.4,4.56,6.61,5.24,4.64,1,9.55-1,13.48-5.38a1.49,1.49,0,0,0,.37-1.24,1.54,1.54,0,0,0-.75-1.07c-5.18-2.89-5.13-25.26-5-36a10.19,10.19,0,0,0,.88-1.55,8,8,0,0,0,.44-5.7,13,13,0,0,0,3.79-5.16l.56-.29c1.62-.91,3.63-2.43,4-4.53A1.5,1.5,0,0,0,125.66,51.86ZM117.5,59.8A10.24,10.24,0,0,1,116.37,61a14.55,14.55,0,0,1-1.25,1l-.6.42a1.48,1.48,0,0,0-.56.7,1.46,1.46,0,0,0-.11.58c0,1,0,2.75,0,4.91,0,.35,0,.71,0,1.06,0,.66,0,1.31,0,2s0,1.16,0,1.75c-.14,14.86.44,29.71,5.06,34.76-3,2.79-6.37,4-9.54,3.32a5.92,5.92,0,0,1-4.32-3.06c-.24-4.86.48-12.11,1.24-19.78q.3-3,.59-6.11c.08-.88.16-1.75.23-2.62s.17-2,.25-3a121.34,121.34,0,0,0,.4-15.13A18.25,18.25,0,0,0,105,52.87a25.22,25.22,0,0,1-2.37-5.6c-.14-.49-.27-1-.39-1.57A1.49,1.49,0,0,0,101,44.53a1.55,1.55,0,0,0-1.26.37,1.49,1.49,0,0,0-.27.33c-2.27,3.67-6.72,4.67-11.87,5.83-3.85.86-8.09,1.82-11.75,4.13a29.6,29.6,0,0,1,3.08-6.81c.46-.83.9-1.61,1.23-2.32a1.49,1.49,0,0,0-.28-1.7,1.51,1.51,0,0,0-1.7-.31C72.67,46.59,67.7,54.9,65.77,59a4.06,4.06,0,0,1-1.08-1.66,2.35,2.35,0,0,0-.21-.42C64,52.61,67,48.34,67,48.3a1.5,1.5,0,0,0-.1-1.84,1.6,1.6,0,0,0-.27-.25,1.5,1.5,0,0,0-2.09.37c0,.05-.26.38-.57.9a18.7,18.7,0,0,0-2.48,7.22,11.74,11.74,0,0,0,.08,3.07,156.81,156.81,0,0,0,1.71,18.76c.15,1.12.32,2.23.48,3.35.14,1,.29,1.9.43,2.85.49,3.16,1,6.25,1.46,9.15C66.87,99.32,68,106.35,67.72,108c-.44,2.49-3.23,3.88-5.81,4.15s-5.94-.43-7.54-3.21c1.18-1.78,3-6.53,2.82-21.49-.07-4.86-.35-9.84-.67-14.07-.05-.6-.09-1.19-.14-1.76-.06-.75-.13-1.46-.19-2.14-.18-1.92-.36-3.54-.51-4.73a1.56,1.56,0,0,0-.56-1,1.49,1.49,0,0,0-.3-.18,11.06,11.06,0,0,1-1-.56,10.74,10.74,0,0,1-1.22-.9,5.44,5.44,0,0,1-2.19-5.31c2-.83,3.16-3.81,4.61-7.72,2.57-6.9,6.45-17.34,17.63-21.79a40,40,0,0,1,11-2.76c.51,0,1-.08,1.5-.1s1,0,1.53,0a22.77,22.77,0,0,1,4,.4c.34.07.68.14,1,.23s.67.17,1,.28A13.43,13.43,0,0,1,94.6,26a11.79,11.79,0,0,1,3.53,2.39,9.5,9.5,0,0,1,.88,1,9.35,9.35,0,0,1,.63,1,8.1,8.1,0,0,1,.6,1.3,1.51,1.51,0,0,0,1.66,1c3.52-.58,7.91,6.5,9.74,11.83,1.31,3.83,4.07,7.32,6.87,8.68a5.72,5.72,0,0,0,1.38.49,13,13,0,0,1-.42,2.34,9.73,9.73,0,0,1-.72,1.86A9.46,9.46,0,0,1,117.5,59.8ZM64.73,61.92a7.82,7.82,0,0,0,1.08.6,1.5,1.5,0,0,0,2-.87A42.18,42.18,0,0,1,74,51.52a19,19,0,0,0-1.54,5.87l-.12,0c-1.86,0-3.06,2-3.06,5.12s1.2,5.13,3.06,5.13,3.05-2,3.05-5.13A8.74,8.74,0,0,0,75,59.72c3.55-3.54,8.51-4.66,13.31-5.73,4.29-1,8.7-2,11.78-4.79a29.22,29.22,0,0,0,2.29,5.09,15.52,15.52,0,0,1,2.32,7.59,143.6,143.6,0,0,1-.78,19.26A26,26,0,0,1,67,81.32C66,74.69,65.09,67.83,64.73,61.92ZM90.24,15.37a1.48,1.48,0,0,0,.84-.47c1.91-2.1,3-2.7,4-2.7a3.7,3.7,0,0,1,1.32.29,1.51,1.51,0,0,0,1.7-.49,6.23,6.23,0,0,1,4.67-1.92,6.43,6.43,0,0,1,5.18,3,9.62,9.62,0,0,0,3.55,2.53,13.32,13.32,0,0,1,3,1.92A1,1,0,0,1,114.8,19a1.5,1.5,0,0,0,1.08,2.18c2.16.37,3.1,2.25,2.77,5.61a21.33,21.33,0,0,1-1.72,5.56c-1.33,3.26-2.7,6.63-.85,9.43a3.47,3.47,0,0,0,3.54,1.54,3.23,3.23,0,0,0,2.57-2.56,2,2,0,0,0,0-.92,2.46,2.46,0,0,1,.79,1c1.22,2.69,1.35,5.65.33,7.52a2.76,2.76,0,0,1-2,1.56,1.46,1.46,0,0,0-1.05.74,3.37,3.37,0,0,1-.42-.17c-1.77-.86-4.17-3.53-5.34-7,0-.14-4.66-13.35-11.69-13.87a2.4,2.4,0,0,0,1-1.05,7.62,7.62,0,0,0-.06-6.75,6.53,6.53,0,0,0-4.87-3.38,8,8,0,0,0-6.53,2.37,5.78,5.78,0,0,0-.78,1,26.5,26.5,0,0,0-5.14-.51,8.64,8.64,0,0,1,.68-3.77A4,4,0,0,1,90.24,15.37Z"></path>
    <path d="M97.77,67.62c1.85,0,3-2,3-5.13s-1.2-5.12-3-5.12-3.06,2-3.06,5.12S95.91,67.62,97.77,67.62Z"></path>
    <path d="M91.14,79.57a5,5,0,0,0,.85-1,2,2,0,0,0,.32-.59,4.54,4.54,0,0,0,.24-.61,4.24,4.24,0,0,0,.14-1.26,7,7,0,0,1-3.63,2.18,14.85,14.85,0,0,1-4,.53,13.57,13.57,0,0,1-4-.54,8.78,8.78,0,0,1-3.73-2.17,5.57,5.57,0,0,0,2.68,4.27,9.15,9.15,0,0,0,5,1.44,9.33,9.33,0,0,0,5-1.4A5.84,5.84,0,0,0,91.14,79.57Z"></path>
</svg>

De: Lovell Fuller @.> Fecha: domingo, 21 de marzo de 2021, 9:24 Para: lovell/sharp @.> CC: Fredrik Svensson @.>, Author @.> Asunto: Re: [lovell/sharp] SVG file with viewbox not rendered correctly (#2629)

Hi, the element with id Head_3pt_svg refers to the head rather than the body. The element with id Body_3pt_svg has a mask attribute mask="url('#SvgjsMask1005')" that is, I think, correctly masking off the left hand side of the body.

Converting the fila via rsvg-convert at the command line and viewing the file in Firefox produces the same result. Viewing the file in Chrome does not cut off the left of the body so it's possible this is a bug/feature of its SVG renderer.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://github.com/lovell/sharp/issues/2629#issuecomment-803531613, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AAWZYAKEXISWFEMMZKCE5VTTEWUMVANCNFSM4ZQZTQ7Q.

Mar 21 '21 12:03 svenssf

Great, glad you worked it out. Perhaps you could create a smaller test case and report this upstream at https://gitlab.gnome.org/GNOME/librsvg as well as to Firefox.

Mar 21 '21 13:03 lovell

sharp sharp copied to clipboard

SVG file with viewbox not rendered correctly

sharp
sharp copied to clipboard