在不损失质量的情况下放大和缩小KineticJS Image

时间:2014-07-02 23:15:30

标签: canvas kineticjs

我已经看到了一些问题和一些非常有用的答案,关于如何缩小尺寸和图像而不会丢失质量或平滑变焦和图像。

我面临的挑战是我需要做到这两点。画布用于保存带有几个"点的图示地图。绘制在它的顶部。单击其中一个点时,地图需要放大该点。再次单击时,地图需要缩小。

我有所有的缩放功能,以及点和那些东西的绘图。我的问题是,我只能在地图放大(当前使用2倍变焦的2x图像)或缩小地图时优化图像质量(使用画布大小的图像)。

使用大图片时,默认"缩小"地图的状态看起来很模糊而且很差。当放大图像时,它看起来很棒(客户端甚至这么说)。使用小图片时,默认"缩小"状态看起来很棒,但是在放大时地图会变得像素化。

如果没有创建2个单独的图像元素(一个大图像元素和一个小图像元素)并且在补间结束时更改每个图像元素的不透明度,我不知道该怎么做。

我尝试过使用中等大小的画布作为Kinetic.Image()来源,但这会使两端的水变得混乱。我也尝试调整缩放级别(缩放量),但这会使新的中心点计算变得疯狂。

0 个答案:

没有答案