Leaflet.Draw矩形的自定义波纹路径

Question

如何将自定义路径样式应用于Leaflet.draw中的矩形？我一直在尝试CSS，我可以设计它的样式，但除了使用笔画宽度，笔划划线等，我不能做更多的事情。我们正在构建一个地图，允许人们标记照片，并希望实现像这样的“照片框架”的感觉。有可能吗？

​

Answer 1

我会这样做，例如：

1. 用户绘制矩形后，检索矩形尺寸。查找基于这些dimensions.
2. Insert的自定义SVG框架的代码到地图上(可能会替换Leaflet.draw矩形)，类似于图像覆盖。

对于最后一步，您可能需要稍微修改L.imageOverlay代码，以便它添加一个SVG容器而不是图像，但这样做应该不会有任何困难。

您可能对以下内容感兴趣：

• Is it possible to stretch a imageOverlay in leaflet? (但看起来像是在文件中使用了SVG，而不是动态generated)
• How can I make a custom SVG overlay on Leaflet without using D3? (无应答)

如果您的自定义SVG帧不需要动态生成(即，您可以将其导出到一个独立的文件中，它会根据其显示的大小自动调整其“波形”)，那么标准的图像覆盖可能就足够了。