SVG import bug: pattern alignment bugs
The following represent three patterns with different alignments (see screenshots for expected vs how Illustrator imports them) (note: these are exported from Figma, and as exported they are also running into https://illustrator.uservoice.com/forums/601447-illustrator-desktop-bugs/suggestions/50819006-svg-import-bug-svg-parser-is-incorrectly-depend , so the actual results shown here in the screenshot are after manually reordering the rect to be below defs)
<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="0.5" y="0.5" width="78.9817" height="79.3527" fill="url(#pattern0_39_81)" stroke="black"/>
<defs>
<pattern id="pattern0_39_81" patternUnits="userSpaceOnUse" patternTransform="matrix(26.7247 0 0 26.7247 0.5 0.5)" preserveAspectRatio="none" viewBox="0 0 30.369 30.369" width="1" height="1">
<g id="pattern0_39_81_inner">
<circle cx="10.123" cy="10.123" r="10.123" fill="url(#paint0_linear_39_81)"/>
</g>
</pattern><linearGradient id="paint0_linear_39_81" x1="10.123" y1="0" x2="10.123" y2="20.246" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9D9D9"/>
<stop offset="1" stop-color="#737373"/>
</linearGradient>
</defs>
</svg>
<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="0.5" y="0.5" width="78.9817" height="79.3527" fill="url(#pattern0_40_83)" stroke="black"/>
<defs>
<pattern id="pattern0_40_83" patternUnits="userSpaceOnUse" patternTransform="matrix(26.7247 0 0 26.7247 31.0826 31.2681)" preserveAspectRatio="none" viewBox="0 0 30.369 30.369" width="1" height="1">
<g id="pattern0_40_83_inner">
<circle cx="10.123" cy="10.123" r="10.123" fill="url(#paint0_linear_40_83)"/>
</g>
</pattern><linearGradient id="paint0_linear_40_83" x1="10.123" y1="0" x2="10.123" y2="20.246" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9D9D9"/>
<stop offset="1" stop-color="#737373"/>
</linearGradient>
</defs>
</svg>
<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="0.5" y="0.5" width="78.9817" height="79.3527" fill="url(#pattern0_40_84)" stroke="black"/>
<defs>
<pattern id="pattern0_40_84" patternUnits="userSpaceOnUse" patternTransform="matrix(26.7247 0 0 26.7247 61.6652 62.0362)" preserveAspectRatio="none" viewBox="0 0 30.369 30.369" width="1" height="1">
<g id="pattern0_40_84_inner">
<circle cx="10.123" cy="10.123" r="10.123" fill="url(#paint0_linear_40_84)"/>
</g>
</pattern><linearGradient id="paint0_linear_40_84" x1="10.123" y1="0" x2="10.123" y2="20.246" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9D9D9"/>
<stop offset="1" stop-color="#737373"/>
</linearGradient>
</defs>
</svg>
2
votes