Как найти координаты линии в HTML5 Canvas

Вот один из способов:

Сохраните все ваши линейные сегменты (стены) в виде массива.

var walls=[];

var wall={x0:50,y0:50,x1:150,y1:150};

walls.push(wall);

Когда вы перетаскиваете окно на место, сравнивайте положение мыши с ближайшей точкой на каждом сегменте линии (стене). Поместите окно на ближайшую к мыши стену.

Эта функция даст вам ближайшую точку к мыши на любом заданном отрезке линии:

// given a line defined like this

var line={x0:50,y0:50,x1:150,y1:150};

// calculate the closest point on the line to [x,y]

function getClosestPointOnLine(line,x,y) {
    //
    lerp=function(a,b,x){ return(a+x*(b-a)); };
    var dx=line.x1-line.x0;
    var dy=line.y1-line.y0;
    var t=((x-line.x0)*dx+(y-line.y0)*dy)/(dx*dx+dy*dy);
    t=Math.min(1,Math.max(0,t));
    var lineX=lerp(line.x0, line.x1, t);
    var lineY=lerp(line.y0, line.y1, t);
    return({x:lineX,y:lineY});
};

И эта функция вернет расстояние между двумя точками (эти две точки являются положением мыши и вычисленной точкой на стене).

// get distance between 2 points

function distance(x0,y0,x1,y1){
    var dx=x1-x0;
    var dy=y1-y0;
    return(Math.sqrt(dx*dx+dy*dy));
}

Наконец, погуглите встроенный javascript Math.atan2, чтобы получить угол вашей стены, чтобы использовать его в качестве угла вашего окна.

Удачи с вашим проектом!