2013-06-27 60 views
0

如果我有一個高分辨率圖像,並使用kinetic.image的寬度和高度屬性進行縮放,我發現當我通過使用stage.setScale()放大時,圖像與原始圖像相比較模糊。KineticJS圖像調整大小模糊

我有什麼選擇放大舞臺上的圖像,使其保持其原始的清晰度,並且以默認的1:1舞臺比例尺顯示比原始分辨率小?

回答

2

我有同樣的問題,但實際上,而是儘量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