Draw multiple polygon inside rectangle based on line intersection point

Viewed 156

I have created below SVG using svg.js 2.7

Now I want to draw all possible polygons made based on lines intersection with other line and outer rectangle.

I have got all intersection points for lines and lines intersection with the outer rectangle using svg.js plugin svg-intersections-js

My requirement is, I want to display a hover effect for every possible polygon.

Edit 1: Line position and alignment are dynamic.

Is it possible?

enter image description here

0 Answers
Related