html5 canvas增加圖像尺寸

-1

我正在尋找解決方案，以在較大的畫布中顯示較小的圖像。想知道是否有一種方法可以在Safari瀏覽器和Chrome瀏覽器上的html5 canvas運行時中將圖像大小提高100％而不會使其變形。html5 canvas增加圖像尺寸

也許......

如果圖像是基於矢量，將與小明顯的失真大小的兩倍。

如果小圖像是高分辨率（例如300 dpi而不是傳統的72dpi網頁），那麼您可以將尺寸加倍而幾乎沒有明顯的失真。

否則......

嘗試只是把在圖像元素的圖像，並具有瀏覽器的兩倍。現代瀏覽器使用雙三次插值並進行合理的縮放工作。

將圖像帶入Photoshop並在此處放大。試試Bicubic Smoother和Bicubic Sharper，看看哪個最適合您的特定圖像。

如果這些都不適合您，請嘗試通過縮放X 2來「欺騙」，然後應用輕微模糊來隱藏失真。一個有用的Gausian/Box模糊庫是Quasimondo的stackblur：http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html

2013-12-11 05:38:06 markE

回答