Adobe Illustrator to HTML script <<<<<<<<<<<<<<<<>>>>>>>>>>>>><

I want to ensure you understand I need a script to run in Illustrator. The script will convert named layers to HTML and CSS of image (layer 1) and labels on top (layer 2). Please confirm.

I look forward to reviewing your Illustrator script

The script must run in AI, so uses AI javascript extensions API to toggle layers, get text content, dupe colors, etc

Let me clear this up. The script should be written in javascript and run from inside Illustrator. It will take the 2 layers of the AI file (image and text) and export a txt file of the html/css which will display the image then place the text/labels on top, per the example html page does this.

The AI file will have text placed in a layer. The script will calculate the position of each text element in relation to image and write appropriate CSS for top and bottom position.

Use <div> to do example below

<div id='g-ai0-1' class='g-chart g-aiAbs' style='bottom:92.5133%;left:76.5423%;'>

<p class='g-aiPstyle0'>Strikes Reported</p>

<p class='g-aiPstyle0'>Each Day</p>


<div id='g-ai0-2' class='g-map-600 g-aiAbs' style='top:10.1481%;left:17.3125%;'>

<p class='g-aiPstyle1'>Area of</p>

<p class='g-aiPstyle1'>detail</p>


<div id='g-ai0-3' class='g-chart g-aiAbs' style='top:10.8400%;right:14.9598%;'>

<p class='g-aiPstyle2'>AugUST 8</p>


<div id='g-ai0-4' class='g-map-600 g-aiAbs' style='top:20.2962%;left:9.1246%;width:9.1686%;margin-left:[url removed, login to view]%;'>

<p class='g-aiPstyle3'>IRAQ</p>


<div id='g-ai0-5' class='g-map-600 g-aiAbs' style='top:21.4494%;left:13.6804%;'>

<p class='g-aiPstyle4'>Baghdad</p>


<div id='g-ai0-6' class='g-map g-aiAbs' style='top:38.7473%;left:60.1966%;width:32.0793%;margin-left:[url removed, login to view]%;'>

<p class='g-aiPstyle5'>KURDISH</p>

<p class='g-aiPstyle5'>AUTONOMOUS</p>

<p class='g-aiPstyle5'>REGION</p>


Skills: CSS, HTML, Illustrator, Javascript

See more: html 5 top 10, html 5 colors, html 5 api, get n illustrator, css content write, convert illustrator to html, convert illustrator file to html, convert ai to html, convert ai file to html, convert adobe illustrator to html, ai to html css, AI to html, ai to css, adobe css, illustrator extensions, adobe ai, i want a illustrator, image to html page, html script, convert illustrator

About the Employer:
( 0 reviews ) Digos, India

Project ID: #6476881

7 freelancers are bidding on average $128 for this job


Hi, Thanks for your [login to view URL] have understood your requirement and also interested to work with you just couple of help need from you Is it possible for you to show me the jpg so that we can understand wha More

$34 USD in 1 day
(207 Reviews)

A proposal has not yet been provided

$421 USD in 1 day
(12 Reviews)

A proposal has not yet been provided

$222 USD in 10 days
(8 Reviews)

Developed scripts for CS5, CS6, CC, CC 2014. I have problems with the English language but there are no problems with JavaScript and Adobe Illustrator. I also create extension panel for Adobe Illustrator. one question More

$155 USD in 15 days
(1 Review)

I'm a web designer from Eastern Europe. I’m an Adobe Certified Associate. I started building web sites five years ago when I decided to change my career path. I have plenty of experience with leading web technolog More

$25 USD in 1 day
(1 Review)

We understand how important it is to keep your website and social media pages fresh. Just give us a call. We're always here to make a changes.

$15 USD in 4 days
(0 Reviews)

Aucune proposition n'a encore été fournie.

$25 USD in 3 days
(0 Reviews)