问题描述:

Given an SVG image with polygons, such as:

<polygon id="Triangle-2" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" transform="translate(159.203125, 97.101562) rotate(64.000000) translate(-159.203125, -97.101562) " points="159.203125 8.6015625 217.203125 185.601562 101.203125 185.601562 "></polygon>

<polygon id="Triangle-3" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" transform="translate(262.496094, 95.199219) rotate(-15.000000) translate(-262.496094, -95.199219) " points="262.496094 45.6992188 439.996094 144.699219 84.9960938 144.699219 "></polygon>

.....

I want to implement the following animation: when mouse is moved, based on pointer coordinates the circle is calculated, and if any polygons have points within this circle, they are highlighted.

How can I implements this, and is an SVG animation the best way to get such animation at all?

相关阅读:
Top