D3:如何在一个位置上有弧线的地图上缩放而不改变弧线的大小?

时间:2019-02-08 17:27:39

标签: javascript d3.js

我有一个可缩放的地图,在特定位置有大量弧线。 我需要这些弧具有恒定的大小。 放大时,它们不得在地图上生长。

我认为我在翻译时要牢记K因子。

谢谢您的帮助。

例如:

arc = d3.arc()
  .innerRadius(5)
  .outerRadius(10)
  .startAngle(startAngle)
  .endAngle(endAngle);

VectorGroup.append("path")
  .style("fill", "red")
  .style("stroke", "none")
  .style("stroke-width", "0px")
  .style("opacity", 0.5)
  .attr("d", arc)
  .attr("class", "arc")
  .attr("transform", "translate(" + latlon[0] + "," + latlon[1] + ")")


//Later I zoom using this
VectorGroup
  .attr("transform", transform)//translate?
  .selectAll("path")
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.0.0/d3.min.js"></script>

0 个答案:

没有答案