2筆畫停點(diǎn)lineTo同理，contextlineTo600，600這句的意思是從上一筆的停止點(diǎn)繪制到600，600這里不過要清楚，這里的moveTo``lineTo都只是狀態(tài)而已，是規(guī)劃，是我準(zhǔn)備要畫，還沒有開始畫，只是一個(gè)；這個(gè)玩意有點(diǎn)復(fù)雜首先要獲取點(diǎn)擊發(fā)生鼠標(biāo)所在的坐標(biāo)然后判斷這個(gè)坐標(biāo)是否在圖形的范圍內(nèi)如果在，剛可以視為點(diǎn)擊了該圖形圖形本身是不能響應(yīng)事件的必須用canvas代理只是要判斷的情況有時(shí)候很復(fù)雜如果這個(gè)點(diǎn)所在的。

arrpusheoffsetYltscript模仿畫筆ltstyle type=quottextcssquot#_canvasbackgroundcolor rgb240，240，240ltstyleltheadltbodyltcanvas id=quot_canvasquotsorry， your broswer does not support html5；方的，圓的，點(diǎn)線等這款神奇的HTML5繪圖工具還能讓你給圖形配置陰影效果拷貝，粘貼，重做，恢復(fù)等功能應(yīng)有盡有2涂鴉壁 這是一款用純HTML5實(shí)現(xiàn)的強(qiáng)大繪圖工具它的界面看起來很復(fù)雜，因?yàn)樗峁┝撕芏囝A(yù)設(shè)定的。

1首先打開html編輯器，新建一個(gè)html文件，例如indexhtml2其次，在indexhtml的ltbody標(biāo)簽中，添加代碼lthr3瀏覽器運(yùn)行indexhtml頁面，此時(shí)成功在html中畫了一條線；代碼1使用SVG畫線 lt！DOCTYPE_tml lthead lttitle_TML5_utorialslttitle lthead ltbody lth2HTML5_VG_ine_xamplelth2 ltsvg_d=quotsvgLineTutorialquot_tyle=quotborderstylesolidborderwidth2pxquot_eight=。

html5hr畫線粗細(xì)

1、ctxstrokeRect5，5，100，100邊框起點(diǎn)X，Y width height ctxclosePath基礎(chǔ)線條 ctxbeginPathctxlineTo150，150ctxlineTo250，150ctxlineTo200，250ctxstrokeStyle=#39darkgreen#39ctxclosePath。

2、外面一個(gè)ul，里面每一行里用一個(gè)li標(biāo)簽，然后li標(biāo)簽里包一個(gè)span和幾個(gè)input按鈕。

3、你可以了解一下html5的ltcanvasltcanvas 大概原理是ltcanvas 在這里面，你獲取兩個(gè)點(diǎn)，就可以畫出一條直線了 ltcanvas 獲取兩個(gè)div的點(diǎn)，可以通過js，或者jq來獲得它的坐標(biāo)。

4、H5又叫互動(dòng)H5，相當(dāng)于微信上的PPT，主要時(shí)用于品牌方傳播和推廣的載體H5是指在智能手機(jī)可以播放Flash的移動(dòng)端上呈現(xiàn)的，可以達(dá)到Flash效果如各種動(dòng)畫，互動(dòng)的，用于廣告營銷的，具有酷炫效果的網(wǎng)頁H5從2014年底的。

html5畫線條

我已經(jīng)做過canvas方面的開發(fā)了，對(duì)html5這個(gè)新的api很了解，首先你不要在style里面設(shè)width跟height，可以告訴你最后跟你設(shè)的坐標(biāo)不一樣，這里面原因是canvas的原始設(shè)置是有固定高跟寬的，所以你光設(shè)置style的css值，會(huì)產(chǎn)生很。

2如果使用現(xiàn)有標(biāo)題信息欄，則在右下腳框內(nèi)填上內(nèi)容加text即可3如果想自己繪制公司標(biāo)準(zhǔn)的信息欄，該文件空白處右鍵，”documentoptions”，sheetoptions中去掉titleblock的勾選，然后畫線加文字，自己設(shè)計(jì)一個(gè)標(biāo)題欄。

畫線 cxtstroke這個(gè)時(shí)候的線已經(jīng)出來了 關(guān)閉路徑 cxtclosePath凡事路徑圖形必須先開始路徑，畫完之后必須結(jié)束路徑 ltscript 下邊代碼是畫三角形，分空心和實(shí)心兩種實(shí)現(xiàn)ltcanvas id=quotcanvas1quot width=。

輸入命令TR回車，然后按鼠標(biāo)右鍵注意不要按錯(cuò)，然后選擇不想要的線段，試一下。

test和test2都需要重啟一個(gè)路徑，不然還是原來的，路徑信息會(huì)先保存在內(nèi)存里面，在調(diào)用stroke或者fill的時(shí)候，才會(huì)真正的繪制出來因此，這兩個(gè)方法都加上beginPath和closePath就行了，即 function testcxtbeginPath。

Canvas 元素是 HTML5 中的一個(gè)新元素，它可以用于在網(wǎng)頁上繪制圖形，可以用來繪制2D圖形，它提供了一些API，可以用JavaScript腳本來操縱畫布，繪制各種形狀以及圖片，以及使用線條，貝塞爾曲線，矩形，圓形，文字等。

小伙伴，你代碼寫錯(cuò)了撒，定義convas，但你用canvasgetcontext了。