html三角形怎么做？HTML文件中有以下畫布元素：<canvas=“triangle”height=“100”width=“100”>triangle</canvas>下面是如何使用

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，1 00) 上下文.closePath() context.fillStyle=“rgb（78193243）”上下文填充（）

如何用css制作小三角圖標(biāo)？

有很多方法可以通過(guò)CSS制作三角形圖標(biāo)，如上面的小三角形圖標(biāo)。大多數(shù)人會(huì)用圖片來(lái)實(shí)現(xiàn)它。實(shí)際上，純CSS也可以實(shí)現(xiàn)。方法很簡(jiǎn)單。

下面是正方形的實(shí)現(xiàn)，四邊都要有一個(gè)邊框，然后在上面設(shè)置顏色，記得要加溢出：否則隱藏, IE6下有個(gè)問(wèn)題{寬度：0高度:0 溢出：左隱藏邊框：40px實(shí)心#00F邊框-底部：40px固體#F00邊框-右：40px實(shí)心#F90邊框-頂部：40px固體#0F0}三角形的實(shí)現(xiàn)是將其他三條邊的顏色設(shè)置為相同的{寬度：0高度:0 溢出：左隱藏邊框：40px實(shí)心#00F邊框- 底部：40px固體#FFF邊框-右：40px實(shí)心#FFF邊框-頂部：40px固體#FFF}