这两天闲着没事，就看了一下canvas，以前组里有过类似的需求，自己是菜鸡，没能做，这两天正好做了一下，感觉挺简单的！没想的那么复杂，里面代码有些地方挺啰嗦，等以后再继续改进吧！
先看一下实现的效果图：
这个图分两步来完成：
1 绘制六边形
2 绘制数据填充区
首先看一下六边形的坐标分析：下面这篇文章也对战力图进行了描述，而且挺详细的【刚发现....】
https://www.jianshu.com/p/43a39365b6f2
我的实现代码跟他的不太一样，但是大致思想都是相同的，下面直接上代码：
<html>
<head>
<title>Canvas tutorial</title>
<style type="text/css">
</style>
</head>
<body style="width:100%;height:300%;position: relative;margin: 0;padding: 0;">
<!-- <input id="save" type="sub
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
