Silverlight - Creating Image Map with Hotspots
page 2 of 4
by Bryian Tan
Average Rating: This article has not yet been rated.
Views (Total / Last 10 Days): 30110/ 63

Microsoft Expression Designer

Prepare your favorite image. In this tutorial, I used a map graphic to demonstrate that we can create Hotspots in different shapes with Microsoft Expression Designer/ Blend. I downloaded a random map from here. Follow the step from below.

1.    Open Microsoft Expression Design 3

2.    Go to File, New, Fill up all the information and click the OK button.

3.    Go to View, check Snap to Points and Snap to Pixels

4.    File, Import Image, and browse for your image and click the Open button.

5.    Double click on the Layer1 and rename it to MainImage.

At this point, you should see something like below.

Figure 1

Add a new layer at the top of MainImage layer, highlight it and select the Pen tool and draw a hotspot around Russia.

Figure 2

Figure 3


Double click the Layer 2 and name it Russia or something meaningful so we can utilize it in the Silverlight application. Highlight the points and click on the properties tab. See below.

Figure 4

Pick a color you like and set it Opacity to 40%.

Figure 5

After you have finished drawing the Hotspots, click on File, Export and copy the setting from below.

Figure 6


View Entire Article

User Comments

No comments posted yet.

Community Advice: ASP | SQL | XML | Regular Expressions | Windows

©Copyright 1998-2021  |  Page Processed at 2021-04-13 12:12:41 PM  AspAlliance Recent Articles RSS Feed
About ASPAlliance | Newsgroups | Advertise | Authors | Email Lists | Feedback | Link To Us | Privacy | Search