A project for demonstrating svg interaction with JQuery
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



A demonstration of using JQuery to load an Scalable Vector Graphics (SVG) image from a referenced file, into the current DOM, then interact with it.

For this example I created a simple SVG using Inkscape, then added the id values to the paths using the object properties window. This file is located in the /resources/ folder and is named demoman.svg.

Data included in the data.js file in the resources folder is used in the index.html page along with bootstrap to produce a popover, and to persist the colors of the objects in memory.

Note: This was created in Visual Studio 2013, but there is no .NET code involved at all.