处理 HTML 中的路径元素

Question

我正在使用 d3js 中的 svg 元素创建一个 hexmap 图表。该图表工作正常，但我需要减小六边形的大小并且无法做到。据我所知，它与HTML的路径元素有些相关这是我的路径元素的样子：<path d="M395.1641842489362,-477.03703703081476L431.0882010021053,-456.29629628799995L467.0122177552744,-477.03703703081476L467.0122177552744,-518.5185185164444L431.0882010021053,-539.2592592592592L395.1641842489362,-518.5185185164444Z" class="border" fill="rgb(240, 75, 35)" stroke="#FFFFFF" stroke-width="3"></path>如果您对此有任何想法，请告诉我！

Answer 1

我没有看到全貌，但每个元素都可以transform编辑。例如，如果您想缩小路径，只需将该属性添加transform="scale(0.75)"到您的标签中。该数字是一个乘数，因此 0.75 意味着小 25%。0.5 意味着一半的大小。