canvas绘制实心多边形
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> canvas{ background:blue; } </style> </head> <body> <canvas id="canvas" width="900" height="500"></canvas> <script type="text/javascript"> // 获得画板 通过ID捉到它 var canvas = document.getElementById("canvas"); // 获得绘画环境 '2d'平面的绘画环境画布 var cv = canvas.getContext('2d'); // 开启路径 cv.beginPath(); // 笔触定义到开始位置 cv.moveTo(200,50); // 定义这条线画到哪里线束 cv.lineTo(200,450); cv.lineTo(500,450); // 闭合路径 cv.closePath(); // 指定填充颜色 cv.fillStyle = 'white'; // 填充路径 cv.fill(); </script> </body> </html> 本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知