資源描述：
《canvas使用注意點(diǎn)總結(jié)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解canvas使用注意點(diǎn)總結(jié)canvas默認(rèn)寬高是300、150，為避免異常，最好使用顯示屬性添加而不通過(guò)css來(lái)添加寬高，下面簡(jiǎn)單的為大家介紹下canvas使用注意事項(xiàng)，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助1、canvas中文教程https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial2、canvas默認(rèn)寬高是300、150，為避免異常，最好使用顯示屬性添加而
2、不通過(guò)css來(lái)添加寬高3、在canvas標(biāo)簽內(nèi)部添加不支持canvas標(biāo)簽的瀏覽器的說(shuō)明4、通過(guò)下面的js代碼也能判斷瀏覽器是否支持canvas代碼如下:varcanvas=document.getElementById('tutorial');if(canvas.getContext){varctx=canvas.getContext('2d');//drawingcodehere}else{//canvas-unsupportedcodehere}對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確，更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人
3、民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解5、canvas只支持一種基本形狀的繪制，即矩形，但是其它圖形都可以通過(guò)canvas路徑來(lái)繪制6、繪制矩形有四個(gè)函數(shù)：rect、fillRect、strokeRect和clearRect7、beginPath的作用用來(lái)開(kāi)始一個(gè)新的路徑層，如果不加就表示在原來(lái)路徑層上繪制，下面兩段代碼效果是完全不一樣的，第一段代碼顯示兩條紅線，第二段代碼顯示一條黑線和一條紅線代碼如下: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();對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才
5、真正體會(huì)到了中國(guó)共產(chǎn)黨的偉大、光榮和正確，更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(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則路徑則會(huì)自動(dòng)閉合，不需要再使用closePath了9、只要有足夠的耐性是完全可以利用貝塞爾曲線繪制任何圖形的10、二次方曲線在火狐下存在bug，因此可以利用三次方曲線代替二次方曲線使用11、圖像（如PNG，GIF，JPEG等）都可以引入到canvas中，而且其它的canvas元素也可以作為圖像的來(lái)源12、下面是基本的canvas圖片繪制代碼，其中image是image或者canvas對(duì)象，x和y是其在目標(biāo)canvas里的起始坐標(biāo)drawImage(image,x,y)對(duì)黨的認(rèn)識(shí)也有了進(jìn)一步的提高。才真正體會(huì)到
7、了中國(guó)共產(chǎn)黨的偉大、光榮和正確，更感到只有中國(guó)共產(chǎn)黨是全中國(guó)最廣大人民利益的忠實(shí)代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識(shí)是在這次中級(jí)黨校的培訓(xùn)班上。通過(guò)學(xué)習(xí)，了解了黨的發(fā)展歷程，對(duì)黨的性質(zhì)、宗旨、任務(wù)等基本知識(shí)有了進(jìn)一步的了解下面一段代碼表示縮放圖片，width和height表示縮放的尺寸drawImage(image,x,y,width,height)下面一段代碼表示剪切圖片，第一個(gè)參數(shù)和其它的是相同的，都是一個(gè)圖像或者另一個(gè)canvas的引用。其它8個(gè)參數(shù)中分別表示圖片中裁減的起始x坐標(biāo)，圖片中裁減的起始y坐標(biāo)，裁減區(qū)域?qū)挾龋脺p區(qū)域高度，所畫(huà)位置x坐標(biāo)，所
8、畫(huà)位置y坐標(biāo)，所畫(huà)圖形寬度，所畫(huà)圖形高
