<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<canvas width="400" height="400" style="border: 1px solid gray">
</canvas>
</body>
</html>
<script>
var can=document.querySelector("canvas");
var con=can.getContext("2d");
con.beginPath();
con.moveTo(50,50);
con.lineTo(100,100);
con.lineTo(100,200);
con.lineTo(50,150);
con.lineTo(50,50);
con.moveTo(50,50);
con.lineTo(150,50);
con.lineTo(200,100);
con.lineTo(100,100);
con.lineTo(100,200);
con.moveTo(100,200);
con.lineTo(200,200);
con.lineTo(200,100);
con.stroke();
con.beginPath();
con.moveTo(150,50);
con.lineTo(150,150);
con.setLineDash([10,5]);
con.stroke();
con.beginPath();
con.moveTo(150,150);
con.lineTo(50,150);
con.setLineDash([10,5]);
con.stroke();
con.beginPath();
con.moveTo(150,150);
con.lineTo(200,200);
con.setLineDash([10,5]);
con.stroke();
</script>
day52 H5的画布正方体
猜你喜欢
转载自blog.csdn.net/baidu_38766543/article/details/82466476
今日推荐
周排行