做了一个鼠标滑过框自动绘制六边形:
代码案例:
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>canvas</title>
</head>
<body>
<canvas id="canvas" class="canvas" width="132" height="156" style="border:1px solid #000;"></canvas>
<canvas id="canvas2" class="canvas" width="132" height="156" style="border:1px solid #000;"></canvas>
<script type="text/javascript">
var canvas = document.getElementsByTagName("canvas")[0];
var context = canvas.getContext("2d");
var canvas2 = document.getElementsByTagName("canvas")[1];
var context2 = canvas2.getContext("2d");
var offset;
var flag = true;
var of