首先，你這個(gè)代碼中最后的setIntervalquotdrawquot， 100應(yīng)該改為setIntervaldraw， 100第一個(gè)參數(shù)應(yīng)該是方法名，雖然你那樣寫也會(huì)有效，但強(qiáng)烈建議不要那么寫然后你說(shuō)你的代碼只是在屏幕上閃一下，那么你在畫的時(shí)候。

我當(dāng)初犯的大錯(cuò)誤請(qǐng)你一定記清楚了ctxdrawImageimg，0，0改為 imgonload = functionctxdrawImageimg，0，0 只有img 加載完了 你畫它才有意義。

lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot ltheadltbodyltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quot style=quotborder1px solid #000000quot您的瀏覽器不支持 HTML5 canvas 標(biāo)簽ltcanvaslt。

簡(jiǎn)單解釋一下CSS更像是把多個(gè)“矩形”div裁剪后，然后拼接成一個(gè)圖案，然后給圖案上色Canvas由點(diǎn)開(kāi)始，延長(zhǎng)無(wú)數(shù)個(gè)點(diǎn)，得到線，延長(zhǎng)線之后得到一個(gè)面三角形，圓形，矩形等等的圖案面，然后給線或者面描邊，上色。