Javascript 可以在传单中拉伸图像覆盖层吗？

我正在制作一个基于JS的应用程序，我希望用户能够在地图上“绘制”svg图像。为此，我跟踪mousedown和mouseup事件以定义imageBounds，并使用imageOverlay绘制svg图像

我希望svg图像被拉伸，以便完全符合定义的imageBounds，但相反，它被缩放，以便在不扭曲纵横比的情况下符合imageBounds

是否有一种方法可以使imageOverlays忽略其原始纵横比并拉伸以适应imageBounds

imageBounds = [southwest, northeast];
_tempShape = L.imageOverlay(_imageUrl, imageBounds);
_tempShape.addTo(_map);

---

编辑：尝试对位图图像执行相同的操作，但它确实会拉伸，因此它是SVG特有的。这不是传单问题，而是SVG固有的行为。为了允许SVG在缩放时拉伸，我向SVG根节点添加了

preserveSpectratio=“none”

属性

对于任何想要了解SVG缩放更多信息的人：