how to export SVG responsive with responsive off using javascript?

Hah!

I found the handle that controls responsive in that Save As dialog for SVG.

Thanks to Carlos Canto!!

Enable responsive SVG:

app.preferences.setBooleanPreference( "plugin/svgOptionDlg/O_ResponsiveSVG", true );

Disable responsive SVG:

app.preferences.setBooleanPreference( "plugin/svgOptionDlg/O_ResponsiveSVG", false );

Source:

https://community.adobe.com/t5/illustrator-discussions/is-it-possible-to-set-quot-responsive-off-quot-when-exporting-svg-of-illustrator-cc-series-with/m-p/12591012#M302408

Just tested with Illustrator version 26 on Windows 10.

Regards,
Uwe Laubender

( ACP )

Mark said: "It sounds like you know what the "responsive" option does to the SVG. Perhaps it can be removed in the resulting svg file as text manipulation? Probably a bad suggestion or too difficult. I can't even remember what "responsive" does to the SVG markup."

This could be a discussion of its own. But for the brief: if responsive is enabled the tags "width" and "height" are not written to the SVG code. And that would cause trouble for imports with InDesign for example as I learnt the hard way. Ok, it's possible to check the exported SVG code and derive the values for "width" and "height" from other SVG tags written out, but I had hope, that this would not be necessary.

Regards,
Uwe Laubender

( ACP )

Hi Mark,

thank you for the code in the post that is marked "Correct answer" here in this thread:

https://community.adobe.com/t5/illustrator-discussions/how-to-export-svg-responsive-with-responsive-off-using-javascript/m-p/12839563#M315705

As it happens I am also about to write an export script for SVG export.

To be precise I wanted to do the Save As route that in the GUI leads to this user interface (from my German Illustrator 2022):

As you can see from the screenshot I once disabled option [ ] Responsiv here.

My assumption: My exported SVGs by scripting do respect this.

I still wonder if there is a property missing in the DOM with new ExportOptionsSVG().

And that is svgResponsive. Did a comparison of the two SVG export options that are available and their defaults as far as the new goes in new ExportOptionsWebOptimizedSVG() and new ExportOptionsSVG()  :

var newExportOptionsSVG = new ExportOptionsWebOptimizedSVG();
for( x in newExportOptionsSVG )
{
	$.writeln( x +"\t"+ newExportOptionsSVG[x].toString() );
};

var newExportOptionsSVG = new ExportOptionsSVG();
for( x in newExportOptionsSVG )
{
	$.writeln( x +"\t"+ newExportOptionsSVG[x].toString() );
};

( EDITED. Updated screenshot below. )

So I also stumbled as I checked all property/value pairs I can get with new ExportOptionsSVG().

svgResponsive was not listed with ExportOptionsSVG().

For my special purposes responsive must be turned off. Always and reliably.

And I have to use the options that you are seeing in my screenshot of the Save As dialog.

The other one in the GUI, the export to web SVG is not reliably enough for my purposes. Too many trouble with complex AI artworks, too many flaws and bugs I saw after intensively testing in the GUI.

Now I wonder how this all is related when I look at the two GUIs for saving/exporting to SVG in Illustrator.

Do I have to use export format ExportType.WOSVG and do some settings with ExportOptionsSVG() and also with ExportOptionsWebOptimizedSVG() ?

Thanks,
Uwe Laubender

( ACP )

@Karthik SG 

Try following,

var doc = app.activeDocument;
var saveOpts = new ExportForScreensOptionsWebOptimizedSVG();
saveOpts.svgResponsive = false
saveOpts.fontType = SVGFontType.SVGFONT;
saveOpts.cssProperties = SVGCSSPropertyLocation.STYLEELEMENTS;
saveOpts.coordinatePrecision = 3;
doc.exportForScreens(File('~/Desktop'), ExportForScreensType.SE_SVG, saveOpts);

More links that you can read

https://community.adobe.com/t5/illustrator-discussions/is-it-possible-to-set-quot-responsive-off-quot-when-exporting-svg-of-illustrator-cc-series-with/td-p/12589330

Hi @Karthik SG, have a look at ExportOptionsWebOptimizedSVG. Is that what you need? It has a responsive property.

- Mark

Hi,

I could not find any property in the documentattion, but the script will pick last setting of the Illustrator. So if it is by default uncheck, the script will save as non-responsive.