HTML5的canvas繪圖和CSS3的繪圖哪個(gè)更有優(yōu)越性？簡(jiǎn)單解釋：CSS更像是切割多個(gè)“矩形”（DIV），然后將它們拼接成一個(gè)圖案，然后給圖案上色。畫(huà)布從一個(gè)點(diǎn)開(kāi)始，延伸無(wú)數(shù)個(gè)點(diǎn)以得到一條線。在延

HTML5的canvas繪圖和CSS3的繪圖哪個(gè)更有優(yōu)越性？

簡(jiǎn)單解釋：

CSS更像是切割多個(gè)“矩形”（DIV），然后將它們拼接成一個(gè)圖案，然后給圖案上色。

畫(huà)布從一個(gè)點(diǎn)開(kāi)始，延伸無(wú)數(shù)個(gè)點(diǎn)以得到一條線。在延長(zhǎng)線之后，它得到一個(gè)面（三角形、圓、矩形等），然后繪制線或面的顏色。

目前，CSS更像是兒童手冊(cè)類，canvas更像是用筆畫(huà)畫(huà)，但畫(huà)圖更像是可以控制大小的矢量圖。

面對(duì)曲線和更復(fù)雜的圖形，canvas比CSS更有效。另外，畫(huà)布確定坐標(biāo)位置時(shí)，更接近我們常用的數(shù)學(xué)思維方法。

我們只能膚淺地談。

canvas相對(duì)于div css3有什么優(yōu)勢(shì)？一般的繪圖也可以用div css3來(lái)實(shí)現(xiàn)，求解？

總圖當(dāng)然是div CSS3，這更簡(jiǎn)單。

畫(huà)布畫(huà)圖主要是做一些繁瑣的畫(huà)圖，可能有上千個(gè)動(dòng)作，但電腦不會(huì)卡殼。

canvas在玩游戲或制作彩色動(dòng)畫(huà)方面有優(yōu)勢(shì)，但是canvas本身的交互可能沒(méi)有div CSS3那么簡(jiǎn)單。

所以網(wǎng)頁(yè)的交互效果仍然使用CSS3，canvas只是做一些背景動(dòng)畫(huà)和小游戲。

html5與css3如何建立聯(lián)系？

將整個(gè)過(guò)程與組裝機(jī)器人的過(guò)程進(jìn)行比較

html是機(jī)器人的腳手架、骨架和關(guān)節(jié)

CSS是機(jī)器人外部涂裝的顏色、主題（熒光白、鉆石紅）等

HTML5是一種新材料制成的腳手架，更耐用、更簡(jiǎn)潔、更清晰，并提供了一些新的功能強(qiáng)大的行為，可以同時(shí)調(diào)用例如，獲取機(jī)器人坐標(biāo)自動(dòng)緩存數(shù)據(jù)繪制功能等

CSS3是一個(gè)改進(jìn)版，畫(huà)質(zhì)更輕，渲染速度更快，色彩更絢麗

HTML5主要有以下書(shū)籍推薦。

《HTML5權(quán)威指南》這本書(shū)是為初學(xué)者和中級(jí)Web開(kāi)發(fā)人員準(zhǔn)備的，是扎實(shí)掌握HTML5、CSS3和JavaScript的必讀書(shū)籍。這本書(shū)看起來(lái)很厚，因?yàn)樗泻芏啻a。

“HTML5畫(huà)布核心技術(shù)”如果你想做HTML5游戲，這本書(shū)一定要讀。

對(duì)于SVG、canvas和webgl，矢量圖形、位圖和3D圖形對(duì)應(yīng)的三種渲染方式，給前端開(kāi)發(fā)帶來(lái)了沉重的武器，很多HTML5游戲也蓬勃發(fā)展。