《canvas使用注意點(diǎn)總結(jié)》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進(jìn)一步的了解canvas使用注意點(diǎn)總結(jié)canvas默認(rèn)寬高是300、150，為避免異常，最好使用顯示屬性添加而不通過css來添加寬高，下面簡單的為大家介紹下canvas使用注意事項，感興趣的朋友可以參考下哈，希望對大家有所幫助1、canvas中文教程https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial2、canvas默認(rèn)寬高是300、150，為避免異常，最好使用顯示屬性添加而

2、不通過css來添加寬高3、在canvas標(biāo)簽內(nèi)部添加不支持canvas標(biāo)簽的瀏覽器的說明4、通過下面的js代碼也能判斷瀏覽器是否支持canvas代碼如下:varcanvas=document.getElementById('tutorial');if(canvas.getContext){varctx=canvas.getContext('2d');//drawingcodehere}else{//canvas-unsupportedcodehere}對黨的認(rèn)識也有了進(jìn)一步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確，更感到只有中國共產(chǎn)黨是全中國最廣大人

3、民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進(jìn)一步的了解5、canvas只支持一種基本形狀的繪制，即矩形，但是其它圖形都可以通過canvas路徑來繪制6、繪制矩形有四個函數(shù)：rect、fillRect、strokeRect和clearRect7、beginPath的作用用來開始一個新的路徑層，如果不加就表示在原來路徑層上繪制，下面兩段代碼效果是完全不一樣的，第一段代碼顯示兩條紅線，第二段代碼顯示一條黑線和一條紅線代碼如下:varctx=document.getE

4、lementById('cvs').getContext('2d');ctx.beginPath();ctx.moveTo(100.5,20.5);ctx.lineTo(200.5,20.5);ctx.stroke();ctx.moveTo(100.5,40.5);ctx.lineTo(200.5,40.5)ctx.strokeStyle='#f00';ctx.stroke();代碼如下:varctx=document.getElementById('cvs').getContext('2d');ctx.beginPath();對黨的認(rèn)識也有了進(jìn)一步的提高。才

5、真正體會到了中國共產(chǎn)黨的偉大、光榮和正確，更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進(jìn)一步的了解ctx.moveTo(100.5,20.5);ctx.lineTo(200.5,20.5);ctx.stroke();ctx.beginPath();ctx.moveTo(100.5,40.5);ctx.lineTo(200.5,40.5)ctx.strokeStyle='#f00';ctx.stroke();8、如果不需要路徑閉

6、合，closePath可以不用，如果使用了fill則路徑則會自動閉合，不需要再使用closePath了9、只要有足夠的耐性是完全可以利用貝塞爾曲線繪制任何圖形的10、二次方曲線在火狐下存在bug，因此可以利用三次方曲線代替二次方曲線使用11、圖像（如PNG，GIF，JPEG等）都可以引入到canvas中，而且其它的canvas元素也可以作為圖像的來源12、下面是基本的canvas圖片繪制代碼，其中image是image或者canvas對象，x和y是其在目標(biāo)canvas里的起始坐標(biāo)drawImage(image,x,y)對黨的認(rèn)識也有了進(jìn)一步的提高。才真正體會到

7、了中國共產(chǎn)黨的偉大、光榮和正確，更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進(jìn)一步的了解下面一段代碼表示縮放圖片，width和height表示縮放的尺寸drawImage(image,x,y,width,height)下面一段代碼表示剪切圖片，第一個參數(shù)和其它的是相同的，都是一個圖像或者另一個canvas的引用。其它8個參數(shù)中分別表示圖片中裁減的起始x坐標(biāo)，圖片中裁減的起始y坐標(biāo)，裁減區(qū)域?qū)挾?，裁減區(qū)域高度，所畫位置x坐標(biāo)，所

8、畫位置y坐標(biāo)，所畫圖形寬度，所畫圖形高