Highlighted

Can Illustrator read <use> tag in SVG ?

New Here ,
Oct 23, 2020

Copy link to clipboard

Copied

I am seeing some anomalies with an SVG file that is rendered fine in Firefox and other browsers, but does not render in Illustrator.

The file applies  `<use>` to repeat and translate a shape.

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use

So my question is whether that tag is the cause of my import problems?

 

 

TOPICS
Import and export, Scripting

Views

26

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Can Illustrator read <use> tag in SVG ?

New Here ,
Oct 23, 2020

Copy link to clipboard

Copied

I am seeing some anomalies with an SVG file that is rendered fine in Firefox and other browsers, but does not render in Illustrator.

The file applies  `<use>` to repeat and translate a shape.

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use

So my question is whether that tag is the cause of my import problems?

 

 

TOPICS
Import and export, Scripting

Views

27

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 23, 2020 0
Adobe Community Professional ,
Oct 23, 2020

Copy link to clipboard

Copied

You should post this to uservoice, because that's where the developers are and they can

1. answer this question

2. fix issues

 

Please post bugs & feature requests to http://illustrator.uservoice.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 23, 2020 0
Silly-V LATEST
Adobe Community Professional ,
Oct 26, 2020

Copy link to clipboard

Copied

Illustrator and web-browser SVGs use a common SVG technology but implement it differently - so what you can only use in both realms is a small subset of each.
However, there could be custom code written for both Illustrator and a web browser that could adjust the SVG for proper usage. Here is an example with a business card, if you use the Submit button , it will download the SVG but you'll see that it's not an area-text, and things which are center-justified are actually left-justified but started at a position further right. But there's some extra art with special names which is used by the web script, it could also be used by some Illustrator script to turn it back into native elements. Past some very basic usage like this, it could be prohibitively hard to handle every browser svg aspect in Illustrator. Not as bad vice-versa though. 
SVG business card example:

(https://codepen.io/VHall/pen/BrdwLz)

Silly-V_0-1603731810854.png

* In this graphic the term "SVG Illustrator can handle" really means Illustrator's entire suite of art features, destructively exportable as an SVG.

So my advice is to export the SVG from Illustrator which looks similar to the one you wish to be using. Then, examine the differences between Illustrator's SVG export and what you are working with originally to determine if there are some changes which could be made to ensure the round-trip you are looking for. At the least you could learn which item is causing the hiccup and what web-svg implementations are a deal-breaker for Illustrator.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 26, 2020 0
Resources