From the course: Illustrator for the In-House Designer
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
SVG interactivity in Illustrator - Illustrator Tutorial
From the course: Illustrator for the In-House Designer
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.