Untitled

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
maximum-scale=1.0">
<meta charset="UTF-8">
<title> Komentarz </title>


<script type="text/javascript">


class pkt {
constructor (x,y){
    this.x=x;
    this.y=y;
}
}

class halfEdge {
constructor(P) {
this.N = this;
this.S = null;
this.P= P;
}
}
//Tworzenie krawêdzi
function makeEdge(P1, P2) {
he1 = new halfEdge(P1);
he2 = new halfEdge(P2);
he1.S = he2;
he2.S = he1;
return he1;
}
//Rysowanie krawêdzi
function drawedge (e){
x1=(e.P.x);
y1=(e.P.y);
x2=(e.S.P.x);
y2=(e.S.P.y);
return "<g>"+
    "<"+'line x1="'+x1+'"y1="'+y1+'"x2="'+x2+'"y2="'+y2+'"style="stroke:blue;stroke:width:2"/>'+
    "</g>";
    }
// Po³aczenie krawdzie w strukturze i  umozliwia poruszanie sie w nim
function splice(e1, e2) {
var temp = e1.N;
e1.N = e2.N;
e2.N = temp;
}

var P0 = new pkt(300, 0);
var P1 = new pkt(100,300);
var P2 = new pkt(500, 300);
var e0 = makeEdge(P0, P1);
var e1 = makeEdge(P1, P2);
var e2 = makeEdge(P2, P0);
splice (e0.S,e1);
splice (e1.S,e2);
splice (e2.S,e0);

//Dodanie punktu P3
var P3= new pkt(300,200);
// Krawedzie w srodku
var e3= makeEdge(P3,P0);
var e4= makeEdge(P3,P1);
var e5= makeEdge (P3,P2);
// Splice do P3
splice(e3,e0);
splice(e4,e1);
splice(e5,e2);
splice(e3.S,e5.S);
splice(e3.s,e4.S);
</script>
</head>
<body>
<svg id="my_map" viewbox ="0 0 600 600" style="position:absolute; height:600px; width:600px; border:1px solid black;">
<script>
document.write(drawedge(e0));
document.write(drawedge(e1));
document.write(drawedge(e2));


document.write(drawedge(e0.N));
document.write(drawedge(e0.S.N.N));
document.write(drawedge(e5));
</script>
</svg>
</body>
</html>