Question

如果我有高分辨率图像并使用kinetic.image宽度和高度属性来缩小它，我发现当我使用stage.setScale（）放大时，图像与原始图像相比模糊。

我可以选择在舞台上放大图像以保持其原始清晰度，但在默认的1：1舞台比例下显示为小于原始分辨率？

Answer 1

我实际上遇到了同样的问题，但是尝试将css样式添加到画布以覆盖浏览器渲染缩放图像的默认行为，它不是特定于kineticJS

canvas {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

这也可能有用Disable Interpolation when Scaling a <canvas> 这是从上面的链接http://jsfiddle.net/VAXrL/21/

借来的小提琴

另请参阅此问题Resizing an image in an HTML5 canvas

KineticJS图像调整大小模糊

1 个答案: