cantoo-scribe / pdf-lib

Create and modify PDF documents in any JavaScript environment
https://pdf-lib.js.org
MIT License
124 stars 24 forks source link

Error embedding svg's #34

Closed maxbauer closed 10 months ago

maxbauer commented 11 months ago

What were you trying to do?

At first thatnks a lot for maintaining this lib!

I wanted to add a qr code as svg to a pdf page but nothing happens.

How did you attempt to do it?

I created a svg string which describes the qr code of the google domain. You can find it here.

Then I passed it to drwaSvg() but nothing happens.

What actually happened?

No qr code is drawn on the pdf.

What did you expect to happen?

The qr code should be printed on the pdf page like in your example

How can we reproduce the issue?

Pass the svg string from the pastebin to the drawSvg() function

Version

1.19.14

What environment are you running pdf-lib in?

Browser

Checklist

Additional Notes

No response

Sharcoux commented 10 months ago

I think that clipPath defs is not supported for now. Can you try with the following svg instead:

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
            <rect x="0" y="32" width="4" height="4" transform="rotate(0,2,34)" />
            <rect x="0" y="52" width="4" height="4" transform="rotate(0,2,54)" />
            <rect x="0" y="56" width="4" height="4" transform="rotate(0,2,58)" />
            <rect x="0" y="60" width="4" height="4" transform="rotate(0,2,62)" />
            <rect x="4" y="36" width="4" height="4" transform="rotate(0,6,38)" />
            <rect x="4" y="48" width="4" height="4" transform="rotate(0,6,50)" />
            <rect x="4" y="52" width="4" height="4" transform="rotate(0,6,54)" />
            <rect x="4" y="56" width="4" height="4" transform="rotate(0,6,58)" />
            <rect x="4" y="60" width="4" height="4" transform="rotate(0,6,62)" />
            <rect x="4" y="64" width="4" height="4" transform="rotate(0,6,66)" />
            <rect x="8" y="40" width="4" height="4" transform="rotate(0,10,42)" />
            <rect x="8" y="48" width="4" height="4" transform="rotate(0,10,50)" />
            <rect x="8" y="52" width="4" height="4" transform="rotate(0,10,54)" />
            <rect x="8" y="60" width="4" height="4" transform="rotate(0,10,62)" />
            <rect x="12" y="36" width="4" height="4" transform="rotate(0,14,38)" />
            <rect x="12" y="56" width="4" height="4" transform="rotate(0,14,58)" />
            <rect x="12" y="60" width="4" height="4" transform="rotate(0,14,62)" />
            <rect x="16" y="32" width="4" height="4" transform="rotate(0,18,34)" />
            <rect x="16" y="36" width="4" height="4" transform="rotate(0,18,38)" />
            <rect x="16" y="40" width="4" height="4" transform="rotate(0,18,42)" />
            <rect x="16" y="60" width="4" height="4" transform="rotate(0,18,62)" />
            <rect x="16" y="64" width="4" height="4" transform="rotate(0,18,66)" />
            <rect x="20" y="32" width="4" height="4" transform="rotate(0,22,34)" />
            <rect x="20" y="40" width="4" height="4" transform="rotate(0,22,42)" />
            <rect x="20" y="48" width="4" height="4" transform="rotate(0,22,50)" />
            <rect x="24" y="32" width="4" height="4" transform="rotate(0,26,34)" />
            <rect x="24" y="40" width="4" height="4" transform="rotate(0,26,42)" />
            <rect x="24" y="48" width="4" height="4" transform="rotate(0,26,50)" />
            <rect x="24" y="56" width="4" height="4" transform="rotate(0,26,58)" />
            <rect x="24" y="64" width="4" height="4" transform="rotate(0,26,66)" />
            <rect x="28" y="36" width="4" height="4" transform="rotate(0,30,38)" />
            <rect x="28" y="44" width="4" height="4" transform="rotate(0,30,46)" />
            <rect x="28" y="48" width="4" height="4" transform="rotate(0,30,50)" />
            <rect x="28" y="56" width="4" height="4" transform="rotate(0,30,58)" />
            <rect x="28" y="64" width="4" height="4" transform="rotate(0,30,66)" />
            <rect x="32" y="4" width="4" height="4" transform="rotate(0,34,6)" />
            <rect x="32" y="8" width="4" height="4" transform="rotate(0,34,10)" />
            <rect x="32" y="12" width="4" height="4" transform="rotate(0,34,14)" />
            <rect x="32" y="16" width="4" height="4" transform="rotate(0,34,18)" />
            <rect x="32" y="20" width="4" height="4" transform="rotate(0,34,22)" />
            <rect x="32" y="24" width="4" height="4" transform="rotate(0,34,26)" />
            <rect x="32" y="28" width="4" height="4" transform="rotate(0,34,30)" />
            <rect x="32" y="40" width="4" height="4" transform="rotate(0,34,42)" />
            <rect x="32" y="48" width="4" height="4" transform="rotate(0,34,50)" />
            <rect x="32" y="64" width="4" height="4" transform="rotate(0,34,66)" />
            <rect x="32" y="76" width="4" height="4" transform="rotate(0,34,78)" />
            <rect x="32" y="80" width="4" height="4" transform="rotate(0,34,82)" />
            <rect x="32" y="96" width="4" height="4" transform="rotate(0,34,98)" />
            <rect x="36" y="8" width="4" height="4" transform="rotate(0,38,10)" />
            <rect x="36" y="16" width="4" height="4" transform="rotate(0,38,18)" />
            <rect x="36" y="32" width="4" height="4" transform="rotate(0,38,34)" />
            <rect x="36" y="40" width="4" height="4" transform="rotate(0,38,42)" />
            <rect x="36" y="44" width="4" height="4" transform="rotate(0,38,46)" />
            <rect x="36" y="48" width="4" height="4" transform="rotate(0,38,50)" />
            <rect x="36" y="52" width="4" height="4" transform="rotate(0,38,54)" />
            <rect x="36" y="56" width="4" height="4" transform="rotate(0,38,58)" />
            <rect x="36" y="60" width="4" height="4" transform="rotate(0,38,62)" />
            <rect x="36" y="76" width="4" height="4" transform="rotate(0,38,78)" />
            <rect x="36" y="92" width="4" height="4" transform="rotate(0,38,94)" />
            <rect x="40" y="4" width="4" height="4" transform="rotate(0,42,6)" />
            <rect x="40" y="8" width="4" height="4" transform="rotate(0,42,10)" />
            <rect x="40" y="20" width="4" height="4" transform="rotate(0,42,22)" />
            <rect x="40" y="24" width="4" height="4" transform="rotate(0,42,26)" />
            <rect x="40" y="32" width="4" height="4" transform="rotate(0,42,34)" />
            <rect x="40" y="44" width="4" height="4" transform="rotate(0,42,46)" />
            <rect x="40" y="52" width="4" height="4" transform="rotate(0,42,54)" />
            <rect x="40" y="56" width="4" height="4" transform="rotate(0,42,58)" />
            <rect x="40" y="60" width="4" height="4" transform="rotate(0,42,62)" />
            <rect x="40" y="64" width="4" height="4" transform="rotate(0,42,66)" />
            <rect x="40" y="68" width="4" height="4" transform="rotate(0,42,70)" />
            <rect x="40" y="72" width="4" height="4" transform="rotate(0,42,74)" />
            <rect x="40" y="88" width="4" height="4" transform="rotate(0,42,90)" />
            <rect x="40" y="92" width="4" height="4" transform="rotate(0,42,94)" />
            <rect x="40" y="96" width="4" height="4" transform="rotate(0,42,98)" />
            <rect x="44" y="0" width="4" height="4" transform="rotate(0,46,2)" />
            <rect x="44" y="8" width="4" height="4" transform="rotate(0,46,10)" />
            <rect x="44" y="20" width="4" height="4" transform="rotate(0,46,22)" />
            <rect x="44" y="32" width="4" height="4" transform="rotate(0,46,34)" />
            <rect x="44" y="40" width="4" height="4" transform="rotate(0,46,42)" />
            <rect x="44" y="52" width="4" height="4" transform="rotate(0,46,54)" />
            <rect x="44" y="60" width="4" height="4" transform="rotate(0,46,62)" />
            <rect x="44" y="68" width="4" height="4" transform="rotate(0,46,70)" />
            <rect x="44" y="72" width="4" height="4" transform="rotate(0,46,74)" />
            <rect x="44" y="76" width="4" height="4" transform="rotate(0,46,78)" />
            <rect x="44" y="80" width="4" height="4" transform="rotate(0,46,82)" />
            <rect x="44" y="84" width="4" height="4" transform="rotate(0,46,86)" />
            <rect x="44" y="92" width="4" height="4" transform="rotate(0,46,94)" />
            <rect x="48" y="4" width="4" height="4" transform="rotate(0,50,6)" />
            <rect x="48" y="8" width="4" height="4" transform="rotate(0,50,10)" />
            <rect x="48" y="12" width="4" height="4" transform="rotate(0,50,14)" />
            <rect x="48" y="16" width="4" height="4" transform="rotate(0,50,18)" />
            <rect x="48" y="20" width="4" height="4" transform="rotate(0,50,22)" />
            <rect x="48" y="24" width="4" height="4" transform="rotate(0,50,26)" />
            <rect x="48" y="28" width="4" height="4" transform="rotate(0,50,30)" />
            <rect x="48" y="32" width="4" height="4" transform="rotate(0,50,34)" />
            <rect x="48" y="44" width="4" height="4" transform="rotate(0,50,46)" />
            <rect x="48" y="48" width="4" height="4" transform="rotate(0,50,50)" />
            <rect x="48" y="56" width="4" height="4" transform="rotate(0,50,58)" />
            <rect x="48" y="60" width="4" height="4" transform="rotate(0,50,62)" />
            <rect x="48" y="72" width="4" height="4" transform="rotate(0,50,74)" />
            <rect x="48" y="80" width="4" height="4" transform="rotate(0,50,82)" />
            <rect x="48" y="84" width="4" height="4" transform="rotate(0,50,86)" />
            <rect x="48" y="88" width="4" height="4" transform="rotate(0,50,90)" />
            <rect x="48" y="92" width="4" height="4" transform="rotate(0,50,94)" />
            <rect x="48" y="96" width="4" height="4" transform="rotate(0,50,98)" />
            <rect x="52" y="0" width="4" height="4" transform="rotate(0,54,2)" />
            <rect x="52" y="20" width="4" height="4" transform="rotate(0,54,22)" />
            <rect x="52" y="28" width="4" height="4" transform="rotate(0,54,30)" />
            <rect x="52" y="32" width="4" height="4" transform="rotate(0,54,34)" />
            <rect x="52" y="44" width="4" height="4" transform="rotate(0,54,46)" />
            <rect x="52" y="48" width="4" height="4" transform="rotate(0,54,50)" />
            <rect x="52" y="52" width="4" height="4" transform="rotate(0,54,54)" />
            <rect x="52" y="60" width="4" height="4" transform="rotate(0,54,62)" />
            <rect x="52" y="64" width="4" height="4" transform="rotate(0,54,66)" />
            <rect x="52" y="76" width="4" height="4" transform="rotate(0,54,78)" />
            <rect x="52" y="88" width="4" height="4" transform="rotate(0,54,90)" />
            <rect x="52" y="92" width="4" height="4" transform="rotate(0,54,94)" />
            <rect x="56" y="0" width="4" height="4" transform="rotate(0,58,2)" />
            <rect x="56" y="20" width="4" height="4" transform="rotate(0,58,22)" />
            <rect x="56" y="24" width="4" height="4" transform="rotate(0,58,26)" />
            <rect x="56" y="36" width="4" height="4" transform="rotate(0,58,38)" />
            <rect x="56" y="44" width="4" height="4" transform="rotate(0,58,46)" />
            <rect x="56" y="48" width="4" height="4" transform="rotate(0,58,50)" />
            <rect x="56" y="52" width="4" height="4" transform="rotate(0,58,54)" />
            <rect x="56" y="56" width="4" height="4" transform="rotate(0,58,58)" />
            <rect x="56" y="68" width="4" height="4" transform="rotate(0,58,70)" />
            <rect x="56" y="76" width="4" height="4" transform="rotate(0,58,78)" />
            <rect x="56" y="80" width="4" height="4" transform="rotate(0,58,82)" />
            <rect x="56" y="84" width="4" height="4" transform="rotate(0,58,86)" />
            <rect x="56" y="88" width="4" height="4" transform="rotate(0,58,90)" />
            <rect x="56" y="92" width="4" height="4" transform="rotate(0,58,94)" />
            <rect x="56" y="96" width="4" height="4" transform="rotate(0,58,98)" />
            <rect x="60" y="0" width="4" height="4" transform="rotate(0,62,2)" />
            <rect x="60" y="12" width="4" height="4" transform="rotate(0,62,14)" />
            <rect x="60" y="20" width="4" height="4" transform="rotate(0,62,22)" />
            <rect x="60" y="32" width="4" height="4" transform="rotate(0,62,34)" />
            <rect x="60" y="36" width="4" height="4" transform="rotate(0,62,38)" />
            <rect x="60" y="40" width="4" height="4" transform="rotate(0,62,42)" />
            <rect x="60" y="52" width="4" height="4" transform="rotate(0,62,54)" />
            <rect x="60" y="56" width="4" height="4" transform="rotate(0,62,58)" />
            <rect x="60" y="64" width="4" height="4" transform="rotate(0,62,66)" />
            <rect x="60" y="76" width="4" height="4" transform="rotate(0,62,78)" />
            <rect x="60" y="92" width="4" height="4" transform="rotate(0,62,94)" />
            <rect x="64" y="0" width="4" height="4" transform="rotate(0,66,2)" />
            <rect x="64" y="8" width="4" height="4" transform="rotate(0,66,10)" />
            <rect x="64" y="12" width="4" height="4" transform="rotate(0,66,14)" />
            <rect x="64" y="20" width="4" height="4" transform="rotate(0,66,22)" />
            <rect x="64" y="24" width="4" height="4" transform="rotate(0,66,26)" />
            <rect x="64" y="44" width="4" height="4" transform="rotate(0,66,46)" />
            <rect x="64" y="48" width="4" height="4" transform="rotate(0,66,50)" />
            <rect x="64" y="52" width="4" height="4" transform="rotate(0,66,54)" />
            <rect x="64" y="64" width="4" height="4" transform="rotate(0,66,66)" />
            <rect x="64" y="68" width="4" height="4" transform="rotate(0,66,70)" />
            <rect x="64" y="72" width="4" height="4" transform="rotate(0,66,74)" />
            <rect x="64" y="76" width="4" height="4" transform="rotate(0,66,78)" />
            <rect x="64" y="80" width="4" height="4" transform="rotate(0,66,82)" />
            <rect x="64" y="84" width="4" height="4" transform="rotate(0,66,86)" />
            <rect x="64" y="88" width="4" height="4" transform="rotate(0,66,90)" />
            <rect x="64" y="92" width="4" height="4" transform="rotate(0,66,94)" />
            <rect x="64" y="96" width="4" height="4" transform="rotate(0,66,98)" />
            <rect x="68" y="32" width="4" height="4" transform="rotate(0,70,34)" />
            <rect x="68" y="36" width="4" height="4" transform="rotate(0,70,38)" />
            <rect x="68" y="40" width="4" height="4" transform="rotate(0,70,42)" />
            <rect x="68" y="48" width="4" height="4" transform="rotate(0,70,50)" />
            <rect x="68" y="52" width="4" height="4" transform="rotate(0,70,54)" />
            <rect x="68" y="56" width="4" height="4" transform="rotate(0,70,58)" />
            <rect x="68" y="60" width="4" height="4" transform="rotate(0,70,62)" />
            <rect x="68" y="64" width="4" height="4" transform="rotate(0,70,66)" />
            <rect x="68" y="80" width="4" height="4" transform="rotate(0,70,82)" />
            <rect x="68" y="92" width="4" height="4" transform="rotate(0,70,94)" />
            <rect x="72" y="32" width="4" height="4" transform="rotate(0,74,34)" />
            <rect x="72" y="36" width="4" height="4" transform="rotate(0,74,38)" />
            <rect x="72" y="40" width="4" height="4" transform="rotate(0,74,42)" />
            <rect x="72" y="48" width="4" height="4" transform="rotate(0,74,50)" />
            <rect x="72" y="60" width="4" height="4" transform="rotate(0,74,62)" />
            <rect x="72" y="64" width="4" height="4" transform="rotate(0,74,66)" />
            <rect x="72" y="72" width="4" height="4" transform="rotate(0,74,74)" />
            <rect x="72" y="80" width="4" height="4" transform="rotate(0,74,82)" />
            <rect x="72" y="88" width="4" height="4" transform="rotate(0,74,90)" />
            <rect x="72" y="92" width="4" height="4" transform="rotate(0,74,94)" />
            <rect x="72" y="96" width="4" height="4" transform="rotate(0,74,98)" />
            <rect x="76" y="32" width="4" height="4" transform="rotate(0,78,34)" />
            <rect x="76" y="36" width="4" height="4" transform="rotate(0,78,38)" />
            <rect x="76" y="44" width="4" height="4" transform="rotate(0,78,46)" />
            <rect x="76" y="48" width="4" height="4" transform="rotate(0,78,50)" />
            <rect x="76" y="60" width="4" height="4" transform="rotate(0,78,62)" />
            <rect x="76" y="64" width="4" height="4" transform="rotate(0,78,66)" />
            <rect x="76" y="80" width="4" height="4" transform="rotate(0,78,82)" />
            <rect x="76" y="92" width="4" height="4" transform="rotate(0,78,94)" />
            <rect x="76" y="96" width="4" height="4" transform="rotate(0,78,98)" />
            <rect x="80" y="32" width="4" height="4" transform="rotate(0,82,34)" />
            <rect x="80" y="36" width="4" height="4" transform="rotate(0,82,38)" />
            <rect x="80" y="44" width="4" height="4" transform="rotate(0,82,46)" />
            <rect x="80" y="48" width="4" height="4" transform="rotate(0,82,50)" />
            <rect x="80" y="60" width="4" height="4" transform="rotate(0,82,62)" />
            <rect x="80" y="64" width="4" height="4" transform="rotate(0,82,66)" />
            <rect x="80" y="68" width="4" height="4" transform="rotate(0,82,70)" />
            <rect x="80" y="72" width="4" height="4" transform="rotate(0,82,74)" />
            <rect x="80" y="76" width="4" height="4" transform="rotate(0,82,78)" />
            <rect x="80" y="80" width="4" height="4" transform="rotate(0,82,82)" />
            <rect x="80" y="84" width="4" height="4" transform="rotate(0,82,86)" />
            <rect x="80" y="88" width="4" height="4" transform="rotate(0,82,90)" />
            <rect x="80" y="92" width="4" height="4" transform="rotate(0,82,94)" />
            <rect x="84" y="32" width="4" height="4" transform="rotate(0,86,34)" />
            <rect x="84" y="40" width="4" height="4" transform="rotate(0,86,42)" />
            <rect x="84" y="44" width="4" height="4" transform="rotate(0,86,46)" />
            <rect x="84" y="52" width="4" height="4" transform="rotate(0,86,54)" />
            <rect x="84" y="68" width="4" height="4" transform="rotate(0,86,70)" />
            <rect x="84" y="72" width="4" height="4" transform="rotate(0,86,74)" />
            <rect x="84" y="80" width="4" height="4" transform="rotate(0,86,82)" />
            <rect x="84" y="88" width="4" height="4" transform="rotate(0,86,90)" />
            <rect x="84" y="96" width="4" height="4" transform="rotate(0,86,98)" />
            <rect x="88" y="32" width="4" height="4" transform="rotate(0,90,34)" />
            <rect x="88" y="40" width="4" height="4" transform="rotate(0,90,42)" />
            <rect x="88" y="52" width="4" height="4" transform="rotate(0,90,54)" />
            <rect x="88" y="56" width="4" height="4" transform="rotate(0,90,58)" />
            <rect x="88" y="76" width="4" height="4" transform="rotate(0,90,78)" />
            <rect x="88" y="88" width="4" height="4" transform="rotate(0,90,90)" />
            <rect x="88" y="96" width="4" height="4" transform="rotate(0,90,98)" />
            <rect x="92" y="32" width="4" height="4" transform="rotate(0,94,34)" />
            <rect x="92" y="36" width="4" height="4" transform="rotate(0,94,38)" />
            <rect x="92" y="40" width="4" height="4" transform="rotate(0,94,42)" />
            <rect x="92" y="48" width="4" height="4" transform="rotate(0,94,50)" />
            <rect x="92" y="56" width="4" height="4" transform="rotate(0,94,58)" />
            <rect x="92" y="60" width="4" height="4" transform="rotate(0,94,62)" />
            <rect x="92" y="64" width="4" height="4" transform="rotate(0,94,66)" />
            <rect x="92" y="68" width="4" height="4" transform="rotate(0,94,70)" />
            <rect x="92" y="72" width="4" height="4" transform="rotate(0,94,74)" />
            <rect x="92" y="76" width="4" height="4" transform="rotate(0,94,78)" />
            <rect x="92" y="80" width="4" height="4" transform="rotate(0,94,82)" />
            <rect x="92" y="96" width="4" height="4" transform="rotate(0,94,98)" />
            <rect x="96" y="36" width="4" height="4" transform="rotate(0,98,38)" />
            <rect x="96" y="44" width="4" height="4" transform="rotate(0,98,46)" />
            <rect x="96" y="48" width="4" height="4" transform="rotate(0,98,50)" />
            <rect x="96" y="72" width="4" height="4" transform="rotate(0,98,74)" />
            <rect x="96" y="76" width="4" height="4" transform="rotate(0,98,78)" />
            <rect x="96" y="80" width="4" height="4" transform="rotate(0,98,82)" />
            <rect x="96" y="84" width="4" height="4" transform="rotate(0,98,86)" />
            <rect x="96" y="88" width="4" height="4" transform="rotate(0,98,90)" />
            <rect x="96" y="92" width="4" height="4" transform="rotate(0,98,94)" />
            <rect x="96" y="96" width="4" height="4" transform="rotate(0,98,98)" />
            <rect x="0" y="0" width="4" height="4" transform="rotate(0,2,2)" />
            <rect x="0" y="4" width="4" height="4" transform="rotate(0,2,6)" />
            <rect x="0" y="8" width="4" height="4" transform="rotate(0,2,10)" />
            <rect x="0" y="12" width="4" height="4" transform="rotate(0,2,14)" />
            <rect x="0" y="16" width="4" height="4" transform="rotate(0,2,18)" />
            <rect x="0" y="20" width="4" height="4" transform="rotate(0,2,22)" />
            <rect x="0" y="24" width="4" height="4" transform="rotate(0,2,26)" />
            <rect x="4" y="0" width="4" height="4" transform="rotate(0,6,2)" />
            <rect x="4" y="24" width="4" height="4" transform="rotate(0,6,26)" />
            <rect x="8" y="0" width="4" height="4" transform="rotate(0,10,2)" />
            <rect x="8" y="24" width="4" height="4" transform="rotate(0,10,26)" />
            <rect x="12" y="0" width="4" height="4" transform="rotate(0,14,2)" />
            <rect x="12" y="24" width="4" height="4" transform="rotate(0,14,26)" />
            <rect x="16" y="0" width="4" height="4" transform="rotate(0,18,2)" />
            <rect x="16" y="24" width="4" height="4" transform="rotate(0,18,26)" />
            <rect x="20" y="0" width="4" height="4" transform="rotate(0,22,2)" />
            <rect x="20" y="24" width="4" height="4" transform="rotate(0,22,26)" />
            <rect x="24" y="0" width="4" height="4" transform="rotate(0,26,2)" />
            <rect x="24" y="4" width="4" height="4" transform="rotate(0,26,6)" />
            <rect x="24" y="8" width="4" height="4" transform="rotate(0,26,10)" />
            <rect x="24" y="12" width="4" height="4" transform="rotate(0,26,14)" />
            <rect x="24" y="16" width="4" height="4" transform="rotate(0,26,18)" />
            <rect x="24" y="20" width="4" height="4" transform="rotate(0,26,22)" />
            <rect x="24" y="24" width="4" height="4" transform="rotate(0,26,26)" />
            <rect x="8" y="8" width="4" height="4" transform="rotate(0,10,10)" />
            <rect x="8" y="12" width="4" height="4" transform="rotate(0,10,14)" />
            <rect x="8" y="16" width="4" height="4" transform="rotate(0,10,18)" />
            <rect x="12" y="8" width="4" height="4" transform="rotate(0,14,10)" />
            <rect x="12" y="12" width="4" height="4" transform="rotate(0,14,14)" />
            <rect x="12" y="16" width="4" height="4" transform="rotate(0,14,18)" />
            <rect x="16" y="8" width="4" height="4" transform="rotate(0,18,10)" />
            <rect x="16" y="12" width="4" height="4" transform="rotate(0,18,14)" />
            <rect x="16" y="16" width="4" height="4" transform="rotate(0,18,18)" />
            <rect x="72" y="0" width="4" height="4" transform="rotate(0,74,2)" />
            <rect x="72" y="4" width="4" height="4" transform="rotate(0,74,6)" />
            <rect x="72" y="8" width="4" height="4" transform="rotate(0,74,10)" />
            <rect x="72" y="12" width="4" height="4" transform="rotate(0,74,14)" />
            <rect x="72" y="16" width="4" height="4" transform="rotate(0,74,18)" />
            <rect x="72" y="20" width="4" height="4" transform="rotate(0,74,22)" />
            <rect x="72" y="24" width="4" height="4" transform="rotate(0,74,26)" />
            <rect x="76" y="0" width="4" height="4" transform="rotate(0,78,2)" />
            <rect x="76" y="24" width="4" height="4" transform="rotate(0,78,26)" />
            <rect x="80" y="0" width="4" height="4" transform="rotate(0,82,2)" />
            <rect x="80" y="24" width="4" height="4" transform="rotate(0,82,26)" />
            <rect x="84" y="0" width="4" height="4" transform="rotate(0,86,2)" />
            <rect x="84" y="24" width="4" height="4" transform="rotate(0,86,26)" />
            <rect x="88" y="0" width="4" height="4" transform="rotate(0,90,2)" />
            <rect x="88" y="24" width="4" height="4" transform="rotate(0,90,26)" />
            <rect x="92" y="0" width="4" height="4" transform="rotate(0,94,2)" />
            <rect x="92" y="24" width="4" height="4" transform="rotate(0,94,26)" />
            <rect x="96" y="0" width="4" height="4" transform="rotate(0,98,2)" />
            <rect x="96" y="4" width="4" height="4" transform="rotate(0,98,6)" />
            <rect x="96" y="8" width="4" height="4" transform="rotate(0,98,10)" />
            <rect x="96" y="12" width="4" height="4" transform="rotate(0,98,14)" />
            <rect x="96" y="16" width="4" height="4" transform="rotate(0,98,18)" />
            <rect x="96" y="20" width="4" height="4" transform="rotate(0,98,22)" />
            <rect x="96" y="24" width="4" height="4" transform="rotate(0,98,26)" />
            <rect x="80" y="8" width="4" height="4" transform="rotate(0,82,10)" />
            <rect x="80" y="12" width="4" height="4" transform="rotate(0,82,14)" />
            <rect x="80" y="16" width="4" height="4" transform="rotate(0,82,18)" />
            <rect x="84" y="8" width="4" height="4" transform="rotate(0,86,10)" />
            <rect x="84" y="12" width="4" height="4" transform="rotate(0,86,14)" />
            <rect x="84" y="16" width="4" height="4" transform="rotate(0,86,18)" />
            <rect x="88" y="8" width="4" height="4" transform="rotate(0,90,10)" />
            <rect x="88" y="12" width="4" height="4" transform="rotate(0,90,14)" />
            <rect x="88" y="16" width="4" height="4" transform="rotate(0,90,18)" />
            <rect x="0" y="72" width="4" height="4" transform="rotate(0,2,74)" />
            <rect x="0" y="76" width="4" height="4" transform="rotate(0,2,78)" />
            <rect x="0" y="80" width="4" height="4" transform="rotate(0,2,82)" />
            <rect x="0" y="84" width="4" height="4" transform="rotate(0,2,86)" />
            <rect x="0" y="88" width="4" height="4" transform="rotate(0,2,90)" />
            <rect x="0" y="92" width="4" height="4" transform="rotate(0,2,94)" />
            <rect x="0" y="96" width="4" height="4" transform="rotate(0,2,98)" />
            <rect x="4" y="72" width="4" height="4" transform="rotate(0,6,74)" />
            <rect x="4" y="96" width="4" height="4" transform="rotate(0,6,98)" />
            <rect x="8" y="72" width="4" height="4" transform="rotate(0,10,74)" />
            <rect x="8" y="96" width="4" height="4" transform="rotate(0,10,98)" />
            <rect x="12" y="72" width="4" height="4" transform="rotate(0,14,74)" />
            <rect x="12" y="96" width="4" height="4" transform="rotate(0,14,98)" />
            <rect x="16" y="72" width="4" height="4" transform="rotate(0,18,74)" />
            <rect x="16" y="96" width="4" height="4" transform="rotate(0,18,98)" />
            <rect x="20" y="72" width="4" height="4" transform="rotate(0,22,74)" />
            <rect x="20" y="96" width="4" height="4" transform="rotate(0,22,98)" />
            <rect x="24" y="72" width="4" height="4" transform="rotate(0,26,74)" />
            <rect x="24" y="76" width="4" height="4" transform="rotate(0,26,78)" />
            <rect x="24" y="80" width="4" height="4" transform="rotate(0,26,82)" />
            <rect x="24" y="84" width="4" height="4" transform="rotate(0,26,86)" />
            <rect x="24" y="88" width="4" height="4" transform="rotate(0,26,90)" />
            <rect x="24" y="92" width="4" height="4" transform="rotate(0,26,94)" />
            <rect x="24" y="96" width="4" height="4" transform="rotate(0,26,98)" />
            <rect x="8" y="80" width="4" height="4" transform="rotate(0,10,82)" />
            <rect x="8" y="84" width="4" height="4" transform="rotate(0,10,86)" />
            <rect x="8" y="88" width="4" height="4" transform="rotate(0,10,90)" />
            <rect x="12" y="80" width="4" height="4" transform="rotate(0,14,82)" />
            <rect x="12" y="84" width="4" height="4" transform="rotate(0,14,86)" />
            <rect x="12" y="88" width="4" height="4" transform="rotate(0,14,90)" />
            <rect x="16" y="80" width="4" height="4" transform="rotate(0,18,82)" />
            <rect x="16" y="84" width="4" height="4" transform="rotate(0,18,86)" />
            <rect x="16" y="88" width="4" height="4" transform="rotate(0,18,90)" />
</svg>
Sharcoux commented 10 months ago

I'll be closing this if I get no answer.