我写了这段代码来绘制随机图。我一直试图找到如何在图中选择一条线,以便我可以将prim的算法应用为一条线,并查看它们是否找到了最小树。选择并更改html5画布中的一条线的颜色?
function draw(n,rep){
var cvs=document.getElementsByTagName('canvas')[0];
/**
* @type CanvasRenderingContext2D
**/
var ctx=cvs.getContext('2d');
ctx.beginPath();
var randomX=[];
var randomY=[];
ctx.lineWidth=2;
ctx.font = '3'+' Arial';
var weights=[];
var lastRandomx=Math.random()*200;
var lastRandomy=Math.random()*200;
for (var i = 0; i <n ; i++) {
var cwidth = cvs.width;
var cheight = cvs.height;
randomX[i] = Math.random()*cwidth*2/3;
randomY[i] = Math.random()*cheight*2/3;
weights[i]=Math.round(Math.random()*20);
ctx.fillRect(randomX[i],randomY[i],5,5);
ctx.moveTo(lastRandomx,lastRandomy);
ctx.lineTo(randomX[i],randomY[i]);
lastRandomx=randomX[i];
lastRandomy=randomY[i];
}
for (var i = 0; i < rep; i++) {
var rand=Math.round(rep*Math.random());
ctx.lineTo(randomX[rand],randomY[rand]);
}
ctx.closePath();
ctx.stroke();
};
我在stackoverflow中找到了它,它没有什么帮助。 How to select lines that are drawn on a HTML5 Canvas?。我想知道是否有预先编写的代码,以便我不必从头开始编写代码。
我在想如果我能找到鼠标移动的位置,并且每次都检查鼠标的位置是否在线上,如Finding if a point is on a line。请帮助并建议是否有任何预先编写的代码,因为我受时间限制。 预先感谢您。
http://stackoverflow.com/questions/15325283/is-there-a-way-to-detect-canvas- lines-with-jquery – EL3PHANTEN 2014-12-06 14:33:12
有时间给出反馈? – 2016-03-22 12:02:03