From the course: Illustrator for the In-House Designer

Unlock the full course today

Join today to access over 24,000 courses taught by industry experts.

SVG interactivity in Illustrator

SVG interactivity in Illustrator - Illustrator Tutorial

From the course: Illustrator for the In-House Designer

Start my 1-month free trial Buy for my team

SVG interactivity in Illustrator

“

- [Instructor] As if their infinite scalability wasn't enough, you can also make SVGs interactive. And that's what we're going to do in this movie. There are a couple of different ways you can do it. You can use CSS to change the appearance of elements of your SVG, and you can use JavaScript to extend the interactive possibilities, and they are wide. Now for best practice, as I call up the SVG interactivity panel, which you'll find in the window menu, I ought to mention that really, when you're doing this, you should use an external JavaScript file. That is actually best practice. And what we're going to do here is to use inline JavaScript. Okay, so actually writing some script that becomes part of the SVG code. To link an SVG file, just so you know, you click on this folder here. And then you just map all of the different parts to the elements of your SVG. Now some of these, I've worked on already. You can see Scotland there has a little alert that pops up, and so does Northern…

Contents