任意点2个点,会自动用a*算法寻径。
效果如下:
复制如下内容到html文件,打开即可体验。
<canvas id="myCanvas" width="600" height="500" onclick="mapOnclick()" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
//document.getElementById("myCanvas");
var MAP = {
t:0,//top
r:600,//right
b:500,//bottom
l:0//left
};
var SIZE = 20;
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#f00";
var block = [];
(function(){
cxt.fillStyle="#ccc";
for(var i=60;i<420;i+=SIZE){