: Inkscape to HTML for a floorplan, with each room separately clickable I hope that I have the correct forum here, and the correct tool in Inkscape (lots of Googling makes me think that I do).

@Shelton719

Posted in: #Inkscape

I hope that I have the correct forum here, and the correct tool in Inkscape (lots of Googling makes me think that I do).

The end product is that I want to have a web page which displays a floor plan, and to reacts when a user clicks on a given room, with a different reaction for each room.

Obviously, I need a way to determine which room was clicked.

A sneaky idea occurred to me, to have each room differ in colo(u) by just one RBG point, and determine the room by getting the RGB value of the pixel clicked. However, I am afraid that the slight colour difference will eventually be disenable to the human eye if I have a lot of rooms – think of a large shopping mall, office block or factory.

So, to do it properly, I think that I have to use an HTML canvas, and use the isPointInPath() method, where each room’s outline is defined as a path.

Until now, I have never used anything more complex than MS Paint, so I might have a steep learning curve ahead of me.

If I just draw the floorplan, I suspect that Inkscape will draw a single, contiguous , path, following all the walls, which means that I can’t use that to determine which room was clicked.

I am aware of layers, and suspect (without yet having so much as installed Inkscape, or read any documentation), that if I draw my floor plan with each room on a separate layer, then visually I will see a normal floorplan, with the room edges touching, and I could export the individual layers as HTML5 paths.

Is that a good idea? A totally stooped notion that only an utter n00b could conceive of? Am I going to have problems with too many layers? Is there a better way to achieve my ends?

Vote Up Vote Down

Login to post a comment!