KizeeticJS изменение размера размыто

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