如何在HTML5画布上绘制多边形? [英] How to draw polygons on an HTML5 canvas?
本文介绍了如何在HTML5画布上绘制多边形?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要知道如何在画布上绘制多边形。
I need to know how to draw polygons on a canvas. Without using jQuery or anything like that.
推荐答案
使用moveTo和lineTo创建路径:
Create a path with moveTo and lineTo:
var c2 = canvas.getContext('2d');
c2.fillStyle = '#f00';
c2.beginPath();
c2.moveTo(0, 0);
c2.lineTo(100,50);
c2.lineTo(50, 100);
c2.lineTo(0, 90);
c2.closePath();
c2.fill();
现场演示: http://jsfiddle.net/yd7Wv/1/
这篇关于如何在HTML5画布上绘制多边形?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文