interactive_image_with_hotspots
v1.3.8
Published
If the image and data of its hotspots are given as props of this component, It will return the images with it hospots as an Element
Downloads
52
Readme
USI-UI
Name
Interactive Image with Hotspots
Description
In this package there is a component which returns a image with some hotspots (e.g, There is an image consits of table chair light we have to send the URL of image , hotspots data as coordinates. It will give image when user hover over the table or chair it will be highlighted).
Visuals
Properties
src = source url of the Image.
data =[{ "id": Id of Hotspot, "box": { "top": the given number is converted into % by multiplying it with 100, "left": the given number is converted into % by multiplying it with 100, "right": the given number is converted into % by multiplying it with 100, "bottom": the given number is converted into % by multiplying it with 100 }, "itemNo": "item no of particular item", "hotSpot"(hostspot point of the item): { "top": the given number is converted into % by multiplying it with 100, "left":the given number is converted into % by multiplying it with 100 } }](array of objects cointaining the hotspots and its data).
isClickable = true or false (This is for the particular item is clickable or not).
clickEvent = function (it returns the event and data of that particular hotspot).