I can't find away around this either. Interestingly the example site uses svg files to create this effect.
I can't find away around this either. Interestingly the example site uses svg files to create this effect.
Egg
Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Again, I am only mildly interested in this.
My approach, within a Xara design, would be to create a Green 50% Flat Transparent Rectangle with a ClassName.
I would scale and skew to a best fit for an an area . I would clone and overlap and fit to extend the area to cover an entire floor.
I would write some JavaScript to detect a hover and so change all the Class objects from opacity 0 to opacity 1.
The click event might be better as JS too so avoid too much rollover stutter.
The correction of SVGs to scale properly in Pro+ actually allows for the original approach to be replicated quite easily.
You just create your complicated shape and Export as SVG and Embed back onto the design.
I would take then designed shape as the Placeholder.
Sadly, you need all of:
You then have to code the SVG to appear on hover.Code:<a href="#"><object type="image/svg+xml" data="index_htm_files/FloorA.svg" id="floorA"> <!-- Your fall back here --> <img src="index_htm_files/FloorA.svg" /> </object> </a>
The link hover doesn't follow the shapes in IE but modern browsers are fine.
Acorn
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
Thank you for the explanation Acorn. I expect SVG scaling will fix a few other issues too.The correction of SVGs to scale properly in Pro+ actually allows for the original approach to be replicated quite easily.
Gary
Bookmarks