0
如果我有一個高分辨率圖像,並使用kinetic.image的寬度和高度屬性進行縮放,我發現當我通過使用stage.setScale()放大時,圖像與原始圖像相比較模糊。KineticJS圖像調整大小模糊
我有什麼選擇放大舞臺上的圖像,使其保持其原始的清晰度,並且以默認的1:1舞臺比例尺顯示比原始分辨率小?
如果我有一個高分辨率圖像,並使用kinetic.image的寬度和高度屬性進行縮放,我發現當我通過使用stage.setScale()放大時,圖像與原始圖像相比較模糊。KineticJS圖像調整大小模糊
我有什麼選擇放大舞臺上的圖像,使其保持其原始的清晰度,並且以默認的1: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