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

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

簡單解釋：

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

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

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

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

我們只能膚淺地談。

如何使用html5中的canvas標簽，畫一個圓及一個矩形？

首先，畫布需要響應鼠標事件（onmousedown等）

所有圖形必須創(chuàng)建相應的對象以記錄其位置和大小，以及zorder（層疊位置，當兩個對象重疊時確定誰在頂部），并將相應的對象放入數(shù)組中，按zorder

排序

當畫布的鼠標點擊事件被觸發(fā)時，檢測鼠標坐標不在對象所在區(qū)域。如果是，則調(diào)用相應的函數(shù)

HTML5 canvas元素，并使用JavaScript在網(wǎng)頁上繪制圖像。

畫布是一個矩形區(qū)域，您可以在其中控制每個像素。

Canvas有許多方法來繪制路徑、矩形、圓、字符和添加圖像。