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

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

簡(jiǎn)單解釋?zhuān)?/p>

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

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

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

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

我們只能膚淺地談。

html三角形怎么做？

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