//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);
我用手机不方便写代码,你自己看一下链接中的教程。