Configuration data should match the format of the defaultSettings object near the top of the ai2html.js file. ai file (see “Special text blocks” below). Any settings contained in these files will override the default program settings, and will be overridden by any settings contained in the. The script will look for files named ai2html-config.json in two locations: the Illustrator scripts folder where the ai2html.js file is located and the folder containing your. There are several ways of customizing the output of the script: By having the text rendered in HTML, it is much easier for editors to go into the CMS and make edits without having to wade through a tangle of SVG code. When Illustrator saves an SVG, every line of text is broken into separate SVG elements which makes editing the text very difficult.An example of this is here: Change your window size when you view the page and you’ll see the artwork scale but the text stays the same size. This is important because we are trying to reduce the number of versions of the artwork that we have to create in order to accommodate viewports that range from mobile phones up to giant desktop monitors. By rendering the text as html, we can scale the “graphic” up and down, but keep the text readable at the same font-size and line-height. Text in images and SVGs scale as you scale the image - so your text becomes unreadable pretty quickly as the artwork scales down, or looks hilariously large as it scales up.Why not just export my Illustrator file as an image or an SVG?.Open the html files in your browser to preview your output. Inside will be a folder called ai2html-output. Go to the folder containing your Illustrator file.Run the script by choosing: File > Scripts > ai2html.
Use Arial or Georgia unless you have added your own fonts to the fonts array in the script.Make sure your Document Color Mode is set to RGB.Size the artboard to the dimensions that you want the div to appear on the web page.Applications/Adobe Illustrator CC 2015/Presets/en_US/Scripts/ai2html.js
0 kommentar(er)
