国产乱人视频免费观看网站,九九精品视频在线观看,九九久re8在线精品视频,日韩久久精品五月综合

<menu id="zjelp"></menu>

    <th id="zjelp"><tbody id="zjelp"><form id="zjelp"></form></tbody></th>
    <small id="zjelp"><menuitem id="zjelp"></menuitem></small>
  • <small id="zjelp"></small>

    <address id="zjelp"></address>
    <address id="zjelp"></address>
    html5.canvas.教程

    html5.canvas.教程

    ID:5265442

    大?。?.03 MB

    頁(yè)數(shù):89頁(yè)

    時(shí)間:2017-12-07

    html5.canvas.教程_第1頁(yè)
    html5.canvas.教程_第2頁(yè)
    html5.canvas.教程_第3頁(yè)
    html5.canvas.教程_第4頁(yè)
    html5.canvas.教程_第5頁(yè)
    資源描述:

    《html5.canvas.教程》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

    1、HTML5Canvas教程原作者:EricRowell原文地址:http://www.html5canvastutorials.com/翻譯:ysm@http://iysm.net譯者注:本文是來(lái)自于網(wǎng)絡(luò)上的一個(gè)教程,英文原版在http://www.html5canvastutorials.com/。原文比較簡(jiǎn)單明了,適合初學(xué)入門,跟著上面的代碼很快就能學(xué)會(huì)HTML5的Canvas基本的繪圖功能。本文就是根據(jù)此文翻譯而來(lái),只不過(guò)原文中有些地方個(gè)人感覺(jué)介紹得過(guò)于簡(jiǎn)單,因此結(jié)合其他相關(guān)材料,根據(jù)自己的理解,對(duì)某些章節(jié)的內(nèi)容

    2、略作修改。如有什么不夠準(zhǔn)確的地方,請(qǐng)不吝賜教。謝謝。Part1:HTML5Canvas教程基礎(chǔ)篇?dú)g迎來(lái)到基礎(chǔ)篇部分。在此,我們將主要看一下HTML5Canvas的基本繪圖功能,包括畫(huà)直線、畫(huà)路徑、圖形繪制、漸變、模式、圖像和文本。學(xué)前準(zhǔn)備:在開(kāi)始基礎(chǔ)教程之前,您首先需要準(zhǔn)備一個(gè)不太舊的web瀏覽器,比如GoogleChrome,F(xiàn)irefox,Safari,Opera,或者IE9這些都可以。然后您需要對(duì)Javascript有一定的熟悉,并且還得有一個(gè)文本編輯器,比如notepad。1.1HTML5Canvas1.1.1

    3、HTML5Canvas的元素在HTML5頁(yè)面里,canvas就是像

    ,,或之類的一種標(biāo)簽,所不同的是,canvas需要用Javascript來(lái)渲染。要使用canvas,我們就需要在HTML5文件的適當(dāng)位置添加canvas標(biāo)簽,然后創(chuàng)建一個(gè)Javascript初始化函數(shù),使這個(gè)函數(shù)在頁(yè)面加載的時(shí)候就執(zhí)行,同時(shí)在函數(shù)里用調(diào)用HTML5CanvasAPI在canvas上畫(huà)圖就可以了。比如我們像下面這樣添加一個(gè)id為myCanvas的canvas標(biāo)簽:

    4、s">然后添加初始化Javascript函數(shù):

    5、vas>HTML5Canvas有關(guān)元素的說(shuō)明上述代碼將在本文后續(xù)中作為HTML5Canvas程序的基本模板。就像其他HTML標(biāo)簽一樣,我們也可以用canvas標(biāo)簽的height和width屬性為canvas指定其在頁(yè)面上高度和寬度。在初始化Javascript函數(shù)中,我們可以用canvas標(biāo)簽的id獲得canvas的DOM對(duì)象,并用getContext()方法獲得這個(gè)canvas的“2d”上下文對(duì)象,其后的繪圖操作都將以此上下文對(duì)象為基礎(chǔ)。1.2直線1.2.1畫(huà)直線畫(huà)直線的功能可以用begi

    6、nPath(),moveTo(),lineTo()和stroke()幾個(gè)方法的組合來(lái)實(shí)現(xiàn)。如:效果圖代碼

    8、>關(guān)于畫(huà)直線的有關(guān)說(shuō)明方法beginPath()定義了一個(gè)新的路徑繪制動(dòng)作的開(kāi)始。方法moveTo()為指定點(diǎn)創(chuàng)建了一個(gè)新的子路徑,這個(gè)點(diǎn)就變成了新的上下文點(diǎn)。我們可以把moveTo()方法看成用來(lái)定位我們的繪圖鼠標(biāo)用的。方法lineTo()以上下文點(diǎn)為起點(diǎn),到方法參數(shù)中指定的點(diǎn)之間畫(huà)一條直線。方法st

    當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

    此文檔下載收益歸作者所有

    當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
    溫馨提示:
    1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
    2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
    3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
    4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。
    <menu id="zjelp"></menu>

      <th id="zjelp"><tbody id="zjelp"><form id="zjelp"></form></tbody></th>
      <small id="zjelp"><menuitem id="zjelp"></menuitem></small>
      • <small id="zjelp"></small>

        <address id="zjelp"></address>
        <address id="zjelp"></address>