canvas 多边形,canvas画图形的边

　　前言

　　在画布上画多个变形是很简单的，只要你懂简单画布路径的初中数学知识。

　　代码打开

　　解析

　　如上所述，很简单，只需要计算出每个点的位置，通过lineTo()画出路径。

　　核心代码解析如下(或在CodePen中查看):

　　函数drawPolygonPath(sideNum，radius，originX，originY，CTX){ CTX . begin path()；常数单位角度=数学。PI * 2/sideNum；//计算单位角度设角度=0；//初始角度let xLength，yLength//ctx.moveTo(originX，originY)；for(设I=0；i sideNumI ){ //遍历计算点，用lineTo()画出路径xLength=radius * math . cos(angle)；yLength=radius * Math.sin(角度)；ctx.lineTo(originX xLength，originY-y length)；//绘制路径角度=unitAngle} CTX . close path()；//关闭路径，或者在for循环中再一次循环lineTo()到起点}本文内容到此为止。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。