画三角形的方法

爱编程的小透明

于 2024-08-18 22:47:07 发布

阅读量388

点赞数 4

文章标签：前端 javascript css

本文链接：https://blog.csdn.net/m0_69112199/article/details/141288244

版权

1.css

.box{ width:0; height:0; border:10px solid; border-color:transparent transparent red red ; }

2.svg

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> <polygon points="220,100 300,210 170,250" style="fill:#cccccc; stroke:#000000;stroke-width:1"/> </svg>

3.canvas

let canvas = document.getElementById('canvas');

if (canvas.getContext){ var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(75,50); ctx.lineTo(100,75); ctx.lineTo(100,25); ctx.fill(); }

欢迎补充，一起进步。