css3使用gpu加速

2021-09-29 09:39:25 字數 1152 閱讀 7493

為動畫dom元素新增css3樣式-webkit-transform:transition3d(0,0,0)或-webkit-transform:translatez(0);,這兩個屬性都會開啟gpu硬體加速模式,從而讓瀏覽器在渲染動畫時從cpu轉向gpu,其實說白了這是乙個小伎倆,也可以算是乙個hack,-webkit-transform:transition3d和-webkit-transform:translatez其實是為了渲染3d樣式,但我們設定值為0後,並沒有真正使用3d效果,但瀏覽器卻因此開啟了gpu硬體加速模式。

這種gpu硬體加速在當今pc機及移動裝置上都已普及,在移動端的效能提公升是相當顯著地,所以建議大家在做動畫時可以嘗試一下開啟gpu硬體加速。

當然也可以這樣開啟所有瀏覽器的gpu硬體加速:

-webkit-transform:

translatez(0

);-moz-transform:

translatez(0

);-ms-transform:

translatez(0

);-o-transform:

translatez(0

);transform:

translatez(0

);

-webkit-transform:

translate3d(0

,0,0

);-moz-transform:

translate3d(0

,0,0

);-ms-transform:

translate3d(0

,0,0

);-o-transform:

translate3d(0

,0,0

);transform:

translate3d(0

,0,0

);

適用情況

通過-webkit-transform:transition3d/translatez開啟gpu硬體加速的適用範圍:

總結通過開啟gpu硬體加速雖然可以提公升動畫渲染效能或解決一些棘手問題,但使用仍需謹慎,使用前一定要進行嚴謹的測試,否則它反而會大量占用瀏覽網頁使用者的系統資源,尤其是在移動端,肆無忌憚的開啟gpu硬體加速會導致大量消耗裝置電量,降低電池壽命等問題。

numpy使用GPU加速

在跑完mnist的knn分類後,跑的挺慢,突然想有沒有gpu的numpy的呢,上網查了查,才知道原生的numpy沒有實現 不應該啊。結構查到了minpy,花了10分鐘左右配好了環境,寫個日誌記錄一下。安裝minpy 我的機器是ubuntu 16.04的,minpy需要cuda,cudnn,由於這倆我...

使用GPU加速DSPSR

1 設定環境變數,加入packages sudo gedit etc profile 在下面新增cuda路徑,輸入 packages usr local cuda 10.1 儲存後,使用指令 source etc profile 2 執行dspsr configure cd dspsr config...

tensorflow使用GPU加速

測試faster rcnn時,cpu計算速度較慢,調整 改為gpu加速運算 將 with tf.session as sess 替換為 1 gpu options tf.gpuoptions per process gpu memory fraction 0.9 2 with tf.session ...