Canvas 放大和缩小KineticJS图像，而不丢失质量

我已经看到了一些问题和一些非常有用的答案，关于如何在不损失质量的情况下缩小和成像，或者如何平滑地缩放和成像

我面临的特殊挑战是，我需要同时做到这两个方面。画布上画着一幅有插图的地图，上面画着几个“点”。单击其中一个点时，地图需要放大该点。再次单击时，地图需要缩小

我有所有的缩放功能，还有点的绘制等等。我的问题是，我只能在放大贴图（当前使用2x图像进行2x缩放）或缩小贴图（使用画布大小的图像）时优化图像质量

使用大图像时，地图的默认“缩小”状态看起来模糊且较差。放大大图像时，它看起来很棒（客户甚至这么说）。使用小图像时，默认的“缩小”状态看起来很好，但放大时贴图会像素化

除了创建两个独立的图像元素（一个大的和一个小的）以及在二者之间的末尾更改每个元素的不透明度之外，我不知道该怎么做

---

我曾尝试使用中等大小的画布作为Kinetic.Image（）源，但这会弄脏两端的水。我也尝试过调整缩放级别（缩放量），但这会使新的中心点计算变得疯狂。

如果您尝试大幅调整光栅图像的大小，它们将看起来很糟糕。使用2个甚至3个大小的图像来适应不同的缩放模式。或者，将地图转换为.svg。或者，