传单，如何绘制类似油漆（画笔）的形状

Question

我尝试使用此插件https://github.com/tcoupin/leaflet-paintpolygon进行多点圆形图像注释。但由于其中使用的库中存在错误，该插件无法正常工作。在传单或其他 JS 库中是否有其他解决方案可以做到这一点？谢谢

Answer 1

如果您只想要一个徒手工具，您可以在没有任何插件或库的情况下创建它。使用以下代码，您可以通过单击开始或停止徒手绘制。

let paintMode = false;
var myPolyline;

map.on('click', function() {
  paintMode = !paintMode;
  if (paintMode) {
    myPolyline = L.polyline([]).addTo(map);
  }
})

map.on('mousemove', function(e) {
  if (paintMode) {
    myPolyline.addLatLng(e.latlng);
  }
})

这是一个工作的 jsfiddle： https: //jsfiddle.net/5drknva4/