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

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

簡單解釋：

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

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

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

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

我們只能膚淺地談。

html三角形怎么做？

HTML文件中有以下畫布元素：<canvas=“triangle”height=“100”width=“100”>triangle</canvas>下面介紹如何使用javascript繪制三角形：varcanvas=文檔.getElementById（“triangle”）varcontext=畫布.getContext（“2d”）上下文.beginPath() 上下文.moveTo(0，0) 上下文.lineTo(100，0) 上下文.lineTo(50 ，100) 上下文.closePath() context.fillStyle=“rgb（78193243）”上下文填充()