SVGs: Objects with dashed lines are split up
Hello,
I create an object (rectangle) in the AI with a dashed line (8px / 8px). Contour 2px and grey filling.
If I save this object as *.svg and then open the saved SVG again, the path of the rectangle is fragmented.
This denomination always occurs just before the corners. In other words, a rectangle is divided into 4 paths and becomes a group...
Version: AI 23.1
Windows 10 Enterprise
Intel Core i7-6820IQ 2.70 Ghz
16 GB RAM
Marcus Israel
shared this idea
Sorry for a late answer. Basically it happens because of 'Align dashes to corners' option that is turned on for the object in Stroke panel. When it's on, Illustrator internally treats this stoke exactly like you have in the SVG — a group of normal dashed lines with recalculated gaps and dashes, and custom inserts where it's required.
SVG just can't handles this, so to preserve the look it applies this treatment, converting it from the 'live' to 'expanded'.
Try to disable the option and comment back if it helps.