<!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 随机生成无向图
最新推荐文章于 2021-05-31 20:19:58 发布
本文介绍如何利用HTML5的canvas API创建一个随机无向图,用于测试最短路径算法。通过画圆函数draw_circle、计算点坐标函数get_p、画线函数draw_line,以及random_int函数生成6个节点的正五边形布局,实现复杂网络的视觉展示。在线示例链接提供查看运行效果。
摘要由CSDN通过智能技术生成