<!DOCTYPE HTML>
<html>
<body>
<script>
function random_int(min, max){
var ret = Math.round(Math.random() * (max - min + 1)) + min - 1;
return ret < min ? min : ret;
}
</script>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
function draw_circle(context, x, y, r)
{
cxt.beginPath();
cxt.arc(x, y, r, 0, Math.PI * 2, true);
cxt.closePath();
cxt.fill();
}
function draw_line(context, begin_x, begin_y, end_x, end_y)
{
cxt.beginPath();
cxt.moveTo(begin_x, begin_y);
cxt.lineTo(end_x, end_y);
cxt.closePath();
cxt.stroke();
}
function mycos(angle) { return Math.cos(angle * Math.PI / 180); }
function mysin(angle) { return Math.sin(angle * Math.PI / 180); }
function get_p(md_x, md_y, len, pos, xy)
{
本文介绍如何利用HTML5的canvas API创建一个随机无向图，用于测试最短路径算法。通过画圆函数draw_circle、计算点坐标函数get_p、画线函数draw_line，以及random_int函数生成6个节点的正五边形布局，实现复杂网络的视觉展示。在线示例链接提供查看运行效果。
最低0.47元/天 解锁文章
扫一扫
2132
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
