[CSS] 두 point 사이의 선 그리기

#line {
      position: absolute;
      top: {첫번째 y좌표}px;
      left: {첫번째 x좌표-선 두께*0.5}px;
      width: {선 두께}px;
      height: {두 좌표 사이의 길이}px;
      transform: rotate({두 좌표 사이의 각도}deg);
      transform-origin:{선 두께*0.5}px 0px;
      background-color: {선 색상};
}
  • 길이와 각도는 javascript나 기타 사용하는 언어로 계산해서 적용한다.

Leave a Comment