practice

<html lang="ja">
<meta charset="utf-8">
<style>
.ポリゴン{fill:none;
stroke:#ff0000;}
.ライン_1{position:fixed;
top:950px;
left:166px;
width:180px;;
height:1px;
background-color:#000000;
transform:rotate(56.5deg);}
.ライン_2{position:absolute;
top:75px;
left:-100px;
width:158px;;
height:1px;
background-color:#000000;
transform:rotate(-75deg);}
.ライン_3{position:absolute;
top:110px;
left:54px;
width:224px;
height:1px;
background-color:#000000;
transform:rotate(-83deg);}
.ライン_4{position:absolute;
top:186px;
left:-48px;
width:206px;;
height:1px;
background-color:#654321;
transform:rotate(19.5deg);}
</style>

<p>Canvas</p>
<canvas id="目印"width="400"height="400"></canvas>
<hr>

</html>