我正在渲染由在笛卡尔平面中对齐的600多个SVG元素组成的地图.我需要它们是单独的元素,因为我希望它们单独响应鼠标事件等.
我的问题是:为了应用很多转换,例如"翻译"(改变他们的位置),例如哪个选项对浏览器"更轻"？
像这个六边形渲染多边形:
<polygon points="43.301270189221924,55 43.301270189221924,65 51.96152422706631,70 60.6217782649107,65 60.6217782649107,55 51.96152422706631,50"></polygon>
...或者将它们创建为像这样的路径:
<path d="M43.301270189221924,55L43.301270189221924,65L51.96152422706631,70L60.6217782649107,65L60.6217782649107,55L51.96152422706631,50Z"></path>