Skip to main content
KitSynthPunk
Inspiring
August 6, 2020
Answered

Illustrator-imposed stroke-dasharray limitation in SVG

  • August 6, 2020
  • 1 reply
  • 672 views

I have an application that generates SVG XML, following the SVG 1.1 recommendation. For one global CSS class definition, I define the style attribute of stroke-dasharray: 24,10,6,10,6,10,6,10. This intended to be a pattern of one long dash and three short dashes, with consistent gaps between them all. When my generated SVG is opened in Illustrator 24.2.3, the paths to which the style is applied renders solid. No dashes. I have found out that it all works just fine when my dash array specification does not exeed the number of values that the Illustrator UI can handle. Since the Stoke panel presents only 6 fields in which to provide dash and gap values, SVG stroke-dasharray values that exceed that number do not get rendered as dashed paths. I was really kind of hoping that Illustrator would abide the rules and render the path as styled in my SVG. Is there any way around this?

This topic has been closed for replies.
Correct answer Monika Gause

You are not opening the SVG, you are importing it. That is an important difference, because Illustrator has to translate the SVG code to something it can handle with its own functionality. What is possible in SVG does not match Illustrator's functionality and vice versa.

You can post a feature request: Please post bugs & feature requests to http://illustrator.uservoice.com

1 reply

Monika Gause
Community Expert
Monika GauseCommunity ExpertCorrect answer
Community Expert
August 6, 2020

You are not opening the SVG, you are importing it. That is an important difference, because Illustrator has to translate the SVG code to something it can handle with its own functionality. What is possible in SVG does not match Illustrator's functionality and vice versa.

You can post a feature request: Please post bugs & feature requests to http://illustrator.uservoice.com