Leaflet 放大传单中的imageOverlay时如何避免重采样

我在传单1.0.0中使用

放大时，图像会重新采样，放大越远，图像会逐渐变得“模糊”。（单张在缩放时插入像素值很有帮助。）

我希望避免这种重采样，以便图像层在放大时变得“更块状”。也就是说，它给用户的印象是像素在放大时逐渐放大

我在宣传单上看不出有办法控制这种情况。我可以通过制作非常大的图像来解决这个问题，但这很昂贵，而且在任何情况下都会在高缩放级别下崩溃

是否可以通过传单API或其他方法执行我想要的操作？

图像的“模糊”不是由于传单，而是由于您的web浏览器。当图像（任何图像）以不同于图像像素尺寸的大小加载到网页中时，浏览器必须使用其选择的缩放算法对其进行重新缩放

一些浏览器允许网络作者通过浏览器调整这种行为

您可以对所有

L.ImageOverlay

s应用CSS规则，如下所示：

.leaflet-layer-image {
   image-rendering: crisp-edges
}

从手册1.0.2开始，还无法为特定的

ImageOverlay

s指定CSS类

注意不同的浏览器支持。对

图像呈现

CSS规则的支持在不同的web浏览器之间差异很大

---

问题中描述的解决方案在这里并不适用，因为传单严重依赖CSS变换来设置图像大小。如果要使用基于

的技术，则在每次缩放级别更改时，它可能会中断或需要重新绘制

（注意：如果你能找到一种可靠的跨浏览器方法，在所有主要浏览器中强制执行缩小/放大算法，请提出拉取请求，以便传单可以从中受益）

图像的“模糊”不是由于传单，而是由于你的网络浏览器。当图像（任何图像）以不同于图像像素尺寸的大小加载到网页中时，浏览器必须使用其选择的缩放算法对其进行重新缩放

一些浏览器允许网络作者通过浏览器调整这种行为

您可以对所有

L.ImageOverlay

s应用CSS规则，如下所示：

.leaflet-layer-image {
   image-rendering: crisp-edges
}

从手册1.0.2开始，还无法为特定的

ImageOverlay

s指定CSS类

注意不同的浏览器支持。对

图像呈现

CSS规则的支持在不同的web浏览器之间差异很大

---

问题中描述的解决方案在这里并不适用，因为传单严重依赖CSS变换来设置图像大小。如果要使用基于

的技术，则在每次缩放级别更改时，它可能会中断或需要重新绘制

---

（注：如果你能找到一种可靠的跨浏览器方法，在所有主要浏览器中强制执行缩编/升编算法，请提出请求，以便传单可以从中受益）

谢谢@IvanSanchez，我确实偶然发现了

图像渲染

，我们将仔细研究你的建议。谢谢@IvanSanchez，我确实偶然发现了

图像渲染

，我将更仔细地研究您的建议。