您現在的位置是:電腦技術吧?>? 組裝維修 ??>??如何提高性能,提高性能能力的方法??>??正文詳情

如何提高性能,提高性能能力的方法

生宜人2019-11-06 10:31:38 人圍觀
簡介怎么提高顯卡的性能利用cache技術實現預繪制,減少了canvs內容的重復繪制。當我們在畫布上繪制和更新時,我們總是保持一些不變的內容對于這些內容,我們應該提前繪制緩存,而不是

使用緩存技術實現預繪制,減少重復繪制Canvs內容 很多時候我們在Canvas上繪制與更新,總是會保留一些不變的內容,對于這些內容 應該預先繪制緩存,而不是每次刷新。

直接繪制代碼如下: 復制代碼代碼如下:context.font=24px Arial; context.fillStyle=blue; context.fillText(Please press Esc to exit game,5,50); requestAnimationFrame(render); 使用緩存預繪制技術: 復制代碼代碼如下:function render(context) { context.drawImage(mText_canvas, 0, 0); requestAnimationFrame(render); } function drawText(context) { mText_canvas = document.createElement(canvas); mText_canvas.width = 450; mText_canvas.height = 54; var m_context = mText_canvas.getContext(2d); m_context.font=24px Arial; m_context.fillStyle=blue; m_context.fillText(Please press Esc to exit game,5,50); } 使用Canvas緩存繪制技術的時候,一定記得緩存Canvas對象大小要小于實際的Canvas 大小。

盡量把繪制直線點的操作放在一起,而且盡量一次繪制完成,一個不好的代碼如下: 復制代碼代碼如下:for (var i = 0; i points.length - 1; i ) { var p1 = points[i]; var p2 = points[i 1]; context.beginPath(); context.moveTo(p1.x, p1.y); context.lineTo(p2.x, p2.y); context.stroke(); } 修改以后性能較高的代碼如下: 復制代碼代碼如下:context.beginPath(); for (var i = 0; i points.length - 1; i ) { var p1 = points[i]; var p2 = points[i 1]; context.moveTo(p1.x, p1.y); context.lineTo(p2.x, p2.y); } context.stroke(); 避免不必要的Canvas繪制狀態頻繁切換,一個頻繁切換繪制style的例子如下: 復制代碼代碼如下:var GAP = 10; for(var i=0; i10; i ) { context.fillStyle = (i % 2 ? blue : red); context.fillRect(0, i * GAP, 400, GAP); } 避免頻繁切換繪制狀態,性能更好的繪制代碼如下: 復制代碼代碼如下:// even context.fillStyle = red; for (var i = 0; i 5; i ) { context.fillRect(0, (i*2) * GAP, 400, GAP); } // odd context.fillStyle = blue; for (var i = 0; i 5; i ) { context.fillRect(0, (i*2 1) * GAP, 400, GAP); } 繪制時,只繪制需要更新的區域,任何時候都要避免不必要的重復繪制與額外開銷。

對于復雜的場景繪制使用分層繪制技術,分為前景與背景分別繪制。

定義Canvas層的 HTML如下: 復制代碼代碼如下:canvas id=bg width=640 height=480 style=position: absolute; z-index: 0 /canvas canvas id=fg width=640 height=480 style=position: absolute; z-index: 1 SPAN style=FONT-SIZE: 18px/canvas /SPAN 如果沒有必要,要盡量避免使用繪制特效,如陰影,模糊等。

避免使用浮點數坐標 繪制圖形時,長度與坐標應選取整數而不是浮點數,原因在于Canvas支持半個像素繪制會根據小數位實現插值算法實現繪制圖像的反鋸齒效果,如果沒有必要請不要選擇浮點數值。

清空Canvas上的繪制內容: context.clearRect(0, 0, canvas.width,canvas.height) 但是其實在Canvas還有一種類似hack的清空方法: canvas.width = canvas.width; 也可以實現清空canvas上內容的效果,但是在某些瀏覽器上可能不支持。

版權聲明:本文由 生宜人 整理編輯。

原標題:電腦如何提高性能,提高電腦性能

轉載注明出處:http://www.dn9ww09s.icu/assemble/11273.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 平板電腦與手機有什么區別,平板電腦手機

    平板電腦與手機有什么區別,平板電腦手機 相關圖片平板電腦有必要買嗎隨著網絡和技術的發展,出現了各種各樣的計算機、平板電腦、手機等。如今,手機的模式越來越類似于平板電腦,功能也越來越相似。所以,一些用戶問平板電腦...

  • 驍龍處理器排行2018,處理器性能排行榜

    驍龍處理器排行2018,處理器性能排行榜 相關圖片處理器排行榜目前這一代智能手機速度非常快,半年更新一次,一年更新一次,這種趨勢已經成為常態移動軟件的發展也日新月異。我們怎么能不被困住呢?我們相信這款手機首先必須...

  • 布局框架,網頁框架布局

    布局框架,網頁框架布局 相關圖片框架CSS框架的優點:1提高開發效率如果你是一個企業網站的前端開發,相信你大部分時間都在做類似網站的代碼工作一個定義良好的框架可以大大提高工作效率,避免一些常見的錯css布...

  • 新手怎么制作word表格,表格制作教程word

    新手怎么制作word表格,表格制作教程word 相關圖片wps表格怎么制作表格形式在我們的日常工作中是必不可少的。單詞形式很容易操作與excel不同,有許多非專業人員無法使用的函數來生成表單那么如何在word上快速構建合適的表單呢?現...

  • 中國古典風格裝修,中國古典

    中國古典風格裝修,中國古典 相關圖片中國古典風格家具特點本教程主要使用焰火制作中國古典文字的簽名讓我們一起學習渲染-材料中國傳統風格...

  • 筆記本電腦怎么連接wifi,筆記本電腦連接不上wifi

    筆記本電腦怎么連接wifi,筆記本電腦連接不上wifi 相關圖片筆記本wifi怎么打開不知不覺中,這個時代已經發展到了科技時代,筆記本電腦用戶數量急劇增加作為筆記本用戶,我們大多數人在使用筆記本時都會選擇使用wifi連接網絡,所以有些用戶...

  • ppt制作時鐘動畫,時鐘動畫

    ppt制作時鐘動畫,時鐘動畫 相關圖片max時鐘動畫讓我們看看效果圖。這是教程如何制作時鐘動態...

  • 為什么筆記本電腦關不了機怎么解決,筆記本電腦關不了機怎么解決

    為什么筆記本電腦關不了機怎么解決,筆記本電腦關不了機怎么解決 相關圖片筆記本電腦一直關機中現在是夏天,天氣開始又熱又干筆記本電腦長時間使用后,灰塵會沉積在里面。這時,干燥的天氣很可能會產生靜電,灰塵沉積在里面,導致筆記本電腦無法開機...

  • 電腦無法連接網絡,電腦無法連接服務器是什么問題

    電腦無法連接網絡,電腦無法連接服務器是什么問題 相關圖片電腦黑屏當我們有充電線卻忘了帶充電頭時,我們通常把手機連接到電腦上充電。然而,有時我們會遇到這個問題手機無法連接到計算機那么手機很快就會沒電了,這很麻煩,不是嗎我...

  • 文字控,控制發脾氣文字圖片

    文字控,控制發脾氣文字圖片 相關圖片文字壁紙控制自己以下建議被認為更實用。使一行文本始終顯示在Div的底部。開發前端時,您肯定會遇到所有情況雖然這不是常用的,但也會用到使用位置:相對,位置:絕對;屬性文...

熱評文章

  • 現在筆記本電腦哪個牌子好,適合玩游戲的筆記本電腦

    現在筆記本電腦哪個牌子好,適合玩游戲的筆記本電腦 相關圖片筆記本電腦排行不得不說,筆記本電腦現在越來越好了在配置性能方面,很多已經超過了臺式機。而且,筆記本電腦攜帶方便,可以隨時隨地攜帶,性能好,使用方便。如果我買電腦,...

  • 什么是圖像處理,圖像處理實際應用

    什么是圖像處理,圖像處理實際應用 相關圖片圖像處理工具HTML5中的canvas元素非常強大。使用getimagedata方法,可以直接對加載的圖像進行位圖操作但是直接操作位圖是很困難的如果采用卷積矩陣,可以通過幾圖像處理基本知識...

  • 筆記本硬盤壞了怎么修復,戴爾筆記本硬盤壞了怎么修復

    筆記本硬盤壞了怎么修復,戴爾筆記本硬盤壞了怎么修復 相關圖片筆記本硬盤壞了還能用嗎眾所周知,現在幾乎每個家庭都有電腦如果你是一個喜歡電腦的朋友,你可能對電腦了解很多,但大多數人并不那么了解。硬盤是最主要的硬件之一,有著長期...

  • body標簽的屬性,標簽body

    body標簽的屬性,標簽body 相關圖片text標簽及其屬性Bgcolor=text color background=background picture text=text color超鏈接文本顏色為了突出顯示超鏈接body width...

  • 筆記本電腦開機黑屏,筆記本電腦開機黑屏怎么辦

    筆記本電腦開機黑屏,筆記本電腦開機黑屏怎么辦 相關圖片筆記本電腦開機沒反應計算機最常見的故障之一是筆記本或臺式計算機。系統啟動后,進入桌面時不會顯示任何內容。只有鼠標才能顯示和移動黑屏或純藍屏。你怎么能在沒有任何回應...

  • 桌面進程被關掉,顯示桌面進程

    桌面進程被關掉,顯示桌面進程 相關圖片電腦桌面停止進程了怎么打開有時我們需要關閉一些系統認為無法關閉的進程,特別是在管理器模式下。當提示是一個關鍵過程時,程序窗口總是不顯示任何響應此時,最好的解決方案...

  • css邊框樣式,css的邊框標簽

    css邊框樣式,css的邊框標簽 相關圖片css內邊框線怎么設置今天,我完成了我的工作。我想到了一個新的css用戶,他幾天前讓我美化他的div邊框。最好編寫一個css教程來幫助更多的新css用戶學習如何使用css來美化網頁上css邊...

  • 哪個牌子的筆記本電腦好,現在筆記本電腦哪個牌子好

    哪個牌子的筆記本電腦好,現在筆記本電腦哪個牌子好 相關圖片筆記本電腦性價比據了解,90%以上的年輕人都有一臺或多臺筆記本,一臺好的筆記本不僅要注重品牌和外觀,還要注重性能和配置,才能成為一款令人滿意的產品。那么,什么樣的筆記...

  • 簡單的小制作,人物模型制作

    簡單的小制作,人物模型制作 相關圖片手工科技小制作簡單的首先,讓我們看看最終效果圖1移動硬盤的型號。這種方法類似于監視鼠標。注意從桌面返回的光線2制造表面像顯示器一樣,先畫出屏幕圖片,然后將其變形。第一...

  • 系統安裝找不到分區,安裝系統找不到引導分區

    系統安裝找不到分區,安裝系統找不到引導分區 相關圖片重裝系統無法創建新的分區計算機進入我們的生活,一些用戶會使用pe引導盤和pe引導盤來安裝系統。然而,當加載ISO安裝時,我們遇到了一種情況,我們無法創建新的分區或找到現有的...

關注微信

变脸官网查询