利用canvas怎么绘制一个多边形-创新互联
利用canvas怎么绘制一个多边形?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
成都创新互联是一家专业提供呼玛企业网站建设,专注与网站制作、成都做网站、H5网站设计、小程序制作等业务。10年已为呼玛众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。1. 初始化js代码
//初始化 (function(){ var canvas = document.createElement('canvas'); document.body.appendChild(canvas); canvas.height = mH; canvas.width = mW; mCtx = canvas.getContext('2d'); drawPolygon(mCtx); // 绘制多边形边 drawLines(mCtx); //顶点连线 drawText(mCtx); // 绘制文本 drawRegion(mCtx); // 绘制数据 drawCircle(mCtx); // 画数据圆点 })();
上面代码中,通过一个立即执行函数,进行对所有的设置进行初始化,对于canvas正六边形的画法,可参见canvas画正六边形
在蜘蛛图中,我们可以进行拆分一下,通过画六边形,直线,圆圈的方式,分别进行完整个体的组件,然后通过方法进行统一调用绘制
如下面所示源代码:
蜘蛛图canvas
看完上述内容,你们掌握利用canvas怎么绘制一个多边形的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
网站栏目:利用canvas怎么绘制一个多边形-创新互联
转载来源:http://scyanting.com/article/ccgcoh.html