html5不支持您的浏览器 请更换新的版本
边数:
半径:

在点击开始绘画按钮时,会调用drawpolygon函数 根据输入的多边形边数和半径。找到canvas中放置该正多边形的中心位置。紧接着开始clearRect清空所有绘画开始创建多边形。找到beginPath函数开始绘制路径,借助一些神奇的算法算出X、Y的坐标。然后使用lineTo循环绘制每条线段。绘制完成,通过closePath闭合路径。然后填充最后绘制出正多边形

下载代码说明
X关闭

html5 canvas实现的自定义边数绘制多边图形功能源码

这是一款基于html5 canvas实现的自定义边数绘制多边图形功能源码。用户可自定义多边形的边数与图形的半径,通过canvas的图形绘制技术实现的图形绘制功能。是一款比较经典的HTML5图形绘制源码。建议使用支持HTML5与css3效果较好的火狐或谷歌等浏览器预览本源码。