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

Question

如何将自定义路径样式应用于Leaflet.draw中的矩形？我一直在玩CSS并且可以设计风格，但除了使用笔画宽度，笔画 - 达哈哈等之外我什么都做不了。我们正在构建一个地图，允许人们标记照片并希望实施一个＆＃34;相框＆＃34;有点像这样的感觉。有可能吗？

Answer 1

我会这样做，例如：

1. 用户绘制矩形后，检索矩形尺寸。寻找"draw:created" event。
2. 根据这些尺寸生成自定义SVG框架的代码。
3. 将SVG插入地图（可能替换Leaflet.draw矩形），类似于图像叠加。

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

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

• Is it possible to stretch a imageOverlay in leaflet?（但看起来它在文件中使用SVG，而不是动态生成）
• How can I make a custom SVG overlay on Leaflet without using D3?（无回答）

如果您的自定义SVG帧不需要动态生成（即您可以将其导出到一个独立的文件中，并根据其显示的大小自动调整其“波形”），那么标准的图像叠加甚至可以