亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

canvas繪圖性能優(yōu)化

tianyu / 917人閱讀

摘要：性能優(yōu)化的幾個(gè)點(diǎn)測(cè)試的幾個(gè)點(diǎn)遍歷圖像數(shù)據(jù)對(duì)比與的繪圖效率使用來(lái)繪制，而非普通圖像在使用繪圖時(shí)縮放圖像測(cè)試神器對(duì)比與的繪圖效率比要快一些，而且可以把某個(gè)繪制到另一個(gè)上，繪制速度與繪制圖像差不多遍歷圖像數(shù)據(jù)避在循環(huán)體內(nèi)直接訪問(wèn)對(duì)象屬性，應(yīng)該將其

canvas性能優(yōu)化的幾個(gè)點(diǎn)

測(cè)試的幾個(gè)點(diǎn)： 
1、遍歷圖像數(shù)據(jù)；
2、對(duì)比drawImage()與putImageData()的繪圖效率；
3、使用drawImage()來(lái)繪制canvas，而非普通圖像
4、在使用drawImage()繪圖時(shí)縮放圖像；

測(cè)試神器：http://jsperf.com/

對(duì)比drawImage(HTMLImage)、putImageData(HTMLCanvas)與putImageData()的繪圖效率

drawImage()比putImageData要快一些，而且drawImage()可以把某個(gè)canvas繪制到另一個(gè)canvas上，繪制速度與繪制圖像差不多；

遍歷圖像數(shù)據(jù)

·避在循環(huán)體內(nèi)直接訪問(wèn)對(duì)象屬性，應(yīng)該將其存放在局部變量中；
·用循環(huán)計(jì)數(shù)器來(lái)遍歷完整像素，而非像素分量；
·逆向遍歷與移位的效果不好；
·頻繁調(diào)用getImageData()很消耗性能；
對(duì)于<用循環(huán)計(jì)數(shù)器來(lái)遍歷完整像素，而非像素分量>,這個(gè)有點(diǎn)奇怪，用4為基準(zhǔn)跳躍反而比全部循環(huán)要慢，事實(shí)如此？But why？

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/78242.html

相關(guān)文章

  • 基于canvas實(shí)現(xiàn)的高性能、跨平臺(tái)的股票圖表庫(kù)--clchart

    摘要：什么是是一個(gè)基于創(chuàng)建的簡(jiǎn)單高性能和跨平臺(tái)的股票數(shù)據(jù)可視化開(kāi)源項(xiàng)目。支持以及和等平臺(tái)。而針對(duì)股票等有價(jià)證劵特定的圖表庫(kù)有和等項(xiàng)目，這些圖表庫(kù)對(duì)股票繪圖已經(jīng)做了一些非常專業(yè)的處理及優(yōu)化了，但是他們均基于來(lái)繪圖。 什么是 ClChart？ ClChart是一個(gè)基于canvas創(chuàng)建的簡(jiǎn)單、高性能和跨平臺(tái)的股票數(shù)據(jù)可視化開(kāi)源項(xiàng)目。支持PC、webApp以及React Native和Weex等平臺(tái)...

    baihe 評(píng)論0 收藏0

  • 基于canvas實(shí)現(xiàn)的高性能、跨平臺(tái)的股票圖表庫(kù)--clchart

    摘要：什么是是一個(gè)基于創(chuàng)建的簡(jiǎn)單高性能和跨平臺(tái)的股票數(shù)據(jù)可視化開(kāi)源項(xiàng)目。支持以及和等平臺(tái)。而針對(duì)股票等有價(jià)證劵特定的圖表庫(kù)有和等項(xiàng)目，這些圖表庫(kù)對(duì)股票繪圖已經(jīng)做了一些非常專業(yè)的處理及優(yōu)化了，但是他們均基于來(lái)繪圖。 什么是 ClChart？ ClChart是一個(gè)基于canvas創(chuàng)建的簡(jiǎn)單、高性能和跨平臺(tái)的股票數(shù)據(jù)可視化開(kāi)源項(xiàng)目。支持PC、webApp以及React Native和Weex等平臺(tái)...

    SnaiLiu 評(píng)論0 收藏0

  • 基于canvas實(shí)現(xiàn)的高性能、跨平臺(tái)的股票圖表庫(kù)--clchart

    摘要：什么是是一個(gè)基于創(chuàng)建的簡(jiǎn)單高性能和跨平臺(tái)的股票數(shù)據(jù)可視化開(kāi)源項(xiàng)目。支持以及和等平臺(tái)。而針對(duì)股票等有價(jià)證劵特定的圖表庫(kù)有和等項(xiàng)目，這些圖表庫(kù)對(duì)股票繪圖已經(jīng)做了一些非常專業(yè)的處理及優(yōu)化了，但是他們均基于來(lái)繪圖。 什么是 ClChart？ ClChart是一個(gè)基于canvas創(chuàng)建的簡(jiǎn)單、高性能和跨平臺(tái)的股票數(shù)據(jù)可視化開(kāi)源項(xiàng)目。支持PC、webApp以及React Native和Weex等平臺(tái)...

    PAMPANG 評(píng)論0 收藏0

  • 自開(kāi)發(fā)的EasyCanvas繪圖庫(kù)實(shí)踐、Pixeler項(xiàng)目開(kāi)發(fā)小結(jié)

    摘要：所以在此次開(kāi)發(fā)中，嘗試了小步快跑快速迭代的方法。開(kāi)發(fā)，不僅是在開(kāi)發(fā)運(yùn)用上的提升，還是一個(gè)開(kāi)源項(xiàng)目的完整實(shí)踐。由于時(shí)間原因，在開(kāi)發(fā)完基礎(chǔ)版本后就去做別的項(xiàng)目。所以，好的文檔是項(xiàng)目的開(kāi)門鑰匙。兩個(gè)項(xiàng)目相輔相成。 showImg(https://segmentfault.com/img/bVba47g?w=900&h=150); 歡迎交換友鏈： laker.me--進(jìn)擊的程序媛Github：...

    lovXin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<