Image with definable hotspots with many capabilities. The TMS THotSpotImage component is designed to allow indication, selection, handling of clicks on arbitrary shapes (hotspots) within an image. Such a arbitrary shape or hotspot can be displayed in a different color or with a different superimposed image for mouse hover, click and blink state. A HotSpotEditor component is available with which hotspots can be graphically edited both at runtime and designtime.

The THotSpotImage consists of an image and a collection of hotspots. The hotspot collection holds the information for each hotspot. A hotspot has a shape : rectangle, ellips or polygon. In addition it has settings for image to show in clicked & hovered state and color to use in clicked, selected, down & hovered state. Each hotspot can also have a hint. Using the THotSpotImage is as simple as adding definitions for the hotspot in the HotSpots collection. The THotSpotImage has different events that are triggered upon mouse interaction with the HotSpots.

Feature overview
Hotspots can be rectangle, ellipsis, polygon or rotated rectangles, rotated ellipsis
Hotspot handling for hovering, hints, click, double clicks
Includes design time hotspot editor with magic wand tool for automatic polygon selections
Clipped or non-clipped hotspot hover-image or clicked-image
Each HotSpot has a Down, Selected, Blink property for displaying clipped or non clipped clicked image after click on hotspot
Supports image zoom
Support for single or multiselect
HotSpots can show in selectable color or overlay image when selected, down, or blinking
Each HotSpot can have its own link
Design-time and runtime usable hotspot editor
Capability to set the cursor for hotspots

Events
THotSpotImage.OnHotSpotClick: triggered on a single click on a hotspot
THotSpotImage.OnHotSpotDblClick: triggered on a double click on a hotspot
THotSpotImage.OnHotSpotEnter: triggered when the mouse enters a hotspot
THotSpotImage.OnHotSpotExit: triggered when the mouse leaves a hotspot
THotSpotImage.OnHotSpotRightClick: triggered on a right click on a hotspot

HotSpots collection
This collection consists of objects of the type THotSpot. The THotSpot has following properties: THotSpot.ShapeType: TSpotShapeType This sets the type of the hotspot shape:
- stRectangle : hotspot shape is rectangular - stEllips: hotspot shape is ellips - stPolygon: hotspot shape is a polygon THotSpot.Hint: string
Sets the hint for a hotspot THotSpot.Name: string
Sets a name for a hotspot
THotSpot.ID: integer
Sets an ID for a hotspot
THotSpot.X: integer
Sets the X coordinate of the hotspot. For an ellips or rectangle, this is the left coordinate
THotSpot.Y: integer
Sets the Y coordinate of the hotspot. For an ellips or rectangle, this is the top coordinate
THotSpot.Width: integer
Sets the width of the hotspot for an ellips or rectangle
THotSpot.Height: integer

for Delphi 7, 2007, 2009, 2010, XE, XE2, XE3, XE4, XE5, XE6, XE7, XE8, 10 Seattle, 10.1 Berlin, 10.2 Tokyo, C++Builder 2007, 2009, 2010, XE, XE2, XE3, XE4, XE5, XE6, XE7, XE8, 10 Seattle, 10.1 Berlin, 10.2 Tokyo (Prof/Enterprise/Architect)

Only for V.I.P