使用Javascript - 畫布的drawImage

Question

是它的性能更好：

1. 的drawImage（IMG，...），其中IMG是影像（）或IMG是Canvas？

2. 的drawImage 2X與縮放（近鄰），或清除額外的畫布，繪製2X至它沒有縮放，然後用縮放繪製結果1X？

3. 回合的像素座標，寬度，正在繪製圖像的高度，或讓它們浮點？

Answer 1

爲什麼不能做一些jsPerfs和你的結果在這裏報告給我們！

在此之前，這裏的一些高度投機和傳聞的想法：

（＃1）我以前建議的drawImage（圖像...但我看到了一個比較jsPerf的drawImage（圖像用的drawImage（畫布非常接近使用GPU加速時（不記得在哪裏，但它是從別人在我的SO答案之一的響應註釋）。大概是因爲GPU可以的blit畫布context.getImageData一樣快一個可以的blit的圖像數據。

（＃2）我不知道... jsPerf與增量縮放vs imageSmoothingEnabled == false（最近鄰居）。

（＃3）瀏覽器蒙上無論如何漂浮，但Mozilla的性能文章提出「避免浮點座標和使用整數代替。」當然，預舍入取一些CPU個循環，所以jsPerf使用需要實際的設計特定的代碼，以確定這給在特定情況下更多的性能。