//html部分

<canvas id="canvas" width="800" height="800" style="border:1px solid #aaa;display:block;margin:auto;padding:0"></canvas>

//js部分

window.onload=function(){
var canvas=document.getElementById('canvas');
var context=canvas.getContext('2d');

context.beginPath();

context.moveTo(20,20);
context.lineTo(20,40);
  
context.lineTo(100,40);
context.lineTo(100,60);
 
context.lineWidth=2;
context.strokeStyle="black";
context.stroke();
}

svg canvas

可以用HTML5 Canvas:

https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes

画三条直线，用：

context.lineTo(x, y);

我用手机不方便写代码，你自己看一下链接中的教程。