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

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

簡單解釋：

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

畫布從一個點開始，延伸無數個點以得到一條線。在延長線之后，它得到一個面（三角形、圓、矩形等），然后繪制線或面的顏色。

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

面對曲線和更復雜的圖形，canvas比CSS更有效。另外，畫布確定坐標位置時，更接近我們常用的數學思維方法。

我們只能膚淺地談。

canvas相對于div css3有什么優(yōu)勢？一般的繪圖也可以用div css3來實現，求解？

總圖當然是div CSS3，這更簡單。

畫布畫圖主要是做一些繁瑣的畫圖，可能有上千個動作，但電腦不會卡殼。

canvas在玩游戲或制作彩色動畫方面有優(yōu)勢，但是canvas本身的交互可能沒有div CSS3那么簡單。

所以網頁的交互效果仍然使用CSS3，canvas只是做一些背景動畫和小游戲。

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

將整個過程與組裝機器人的過程進行比較

html是機器人的腳手架、骨架和關節(jié)

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

HTML5是一種新材料制成的腳手架，更耐用、更簡潔、更清晰，并提供了一些新的功能強大的行為，可以同時調用例如，獲取機器人坐標自動緩存數據繪制功能等

CSS3是一個改進版，畫質更輕，渲染速度更快，色彩更絢麗

HTML5主要有以下書籍推薦。

《HTML5權威指南》這本書是為初學者和中級Web開發(fā)人員準備的，是扎實掌握HTML5、CSS3和JavaScript的必讀書籍。這本書看起來很厚，因為它有很多代碼。

“HTML5畫布核心技術”如果你想做HTML5游戲，這本書一定要讀。

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