有没有什么办法在小册子多边形，多边形中创建两个彩色边框？

Question

如何使用传单创建多面体的自定义边框？我想有内边框黑色和外部红色，反之亦然。

示例图片显示了我的意思：

有没有办法做到这一点？

Answer 1

您可以使用​​插件以指定的像素数绘制重复折线偏移，并获得一定程度的预期效果。

L.polyline([ 
    [48.3, 0.1], 
    [48.3, 0.7], 
    [48.7, 0.7], 
    [48.7, 0.1], 
    [48.3, 0.1] 
], { 
    fillColor: "none", 
    weight: 4, 
    lineJoin: "miter", 
    color: "red" 
}).addTo(map); 

L.polyline([ 
    [48.3, 0.1], 
    [48.3, 0.7], 
    [48.7, 0.7], 
    [48.7, 0.1], 
    [48.3, 0.1] 
], { 
    fillColor: "none", 
    weight: 4, 
    lineJoin: "miter", 
    color: "black", 
    offset: -4 // Thanks to Leaflet Polyline Offset plugin 
}).addTo(map); 

然而，有一个“错误”的折线起点和终点，由于它是个偏移，但不能缩短/延长至与折线的开始缩小差距。

使用一个L.rectangle或L.polygon示出了一个不同的错误，其中最后段未偏移。这可能是插件的改进空间，如果有人有专注的眼光，纠正错误并提交合并请求！ :-)

演示：http://jsfiddle.net/3v7hd2vx/42/