d3.js圆柱体上的多边形条带跨越360°以上

Question

关注这个问题，

D3.geo : Spherical arcs rather than straight lines for parallels?

我可以使用path：

绘制投影多边形（1）

var poligono = {                                                                                                                      
"type": "Polygon",                                                                                                                
"coordinates": [                                                                   
    [[0, 0], [0, 20], [100, 20], [100, 0], [0, 0]]                                                              
  ]
}

 // [...]                                                                                                                                     

   svg.append("path")                                                                                                                  
  .attr("class", "arc")                                                                                                               
  .attr("d", path(poligono));                                                                                                         

和未投影的矩形（2）使用.outline()：

  var arc = d3.geoGraticule()                                                                                                         
 .extentMajor([[0, 0], [-20, -20]])          

     // [...]                                                                                                                                     


  svg.append("path")                                                                                                                  
  .attr("class", "arc")                                                                                                               
  .attr("d", path(arc.outline()));                                                                                                    

绘制多边形的最佳方法是什么，例如图（3）中的蓝色多边形，即注册圆柱体超过360°的未投影多边形？

（总体目标是在通用圆柱体上绘制这种表面，而不是专门针对地理投影）