# draw

7개의 포스트

아키텍처 다이어그램 툴

아키텍처 다이어그램 그리는 툴 추천 https://draw.io/ https://excalidraw.com/ (한글폰트 수정불가. 옵시디언 연동하여 추출 후 폰트 변경 가능)

2023년 5월 15일
·
0개의 댓글
·
post-thumbnail

[leaflet] Map 지도 + leaflet // 거리계산 (2)

1. 중간에 마우스 클릭을 한 부분 구간거리 재기 총 거리재기 삭제하기 3가지가 기능을 완성하기를 원해서 만들게 되었다 1. leaflet.draw + leaflet.measurecontrol leaflet.draw의 기능은 정말 편하고 좋은데 아래 링크에서 올려준 기능을 그냥 바로 사용하고싶어서 전체적으로 js 파일을 수정했다 ㅋㅋ... << 과거로 돌리면 저렇게 안할꺼다 다운로드 링크 leaflet.draw-src.js leaflet.draw.css leaflet.measurecontrol.js leaflet.measurecontrol.css 파일을 다운로드 해주고 위치를 설정해준 후에 2. jsp에 기능추가 map.jsp 요부분들을 추가해준다 요기까지 하게되면 구간거리와 총 거리재기는 가뿐하게 해

2023년 4월 14일
·
0개의 댓글
·
post-thumbnail

Drawing Line,Rectangle, Circle, Polygon

rectangle 히스토그램 그리는데 사용 2가지 방식 존재 > void rectangle(Mat& img, Point pt1, Point pt2, const Scalar& color, int thickness=1, int lineType=8, int shift=0) point: 꼭짓점 위치 thickness: 음수 --> rectangle 안 색칠 > void rectangle(Mat& img, Rect rect, const Scalar& color, int thickness=1, int lineType=8, int shift=0) Rect(xLT, yLT, width, height) line/circle > void line(Mat& img, Point pt1, Point pt2, const Scalar& color, int thickness=1, int lineType=8, int shift=0) lineType ![](htt

2022년 9월 14일
·
0개의 댓글
·
post-thumbnail

GLSL 셰이더 _ smoothstep / pow / exp / log

smoothstep 색을 부드럽게 그라데이션을 만들어주는 함수예요!! smoothstep(min, max, x); 24번째 줄에서 (1.0 - pct)를 해주는 이유는 색을 보간하기 위해서 있는 것 같더라구요. > 보간하지 않았을 때, 기준이예요!! > 보간했을 때, 기준이예요!! 19번째 줄에서 pow 외에도 exp(),

2022년 9월 4일
·
0개의 댓글
·

View Drawing Cycle

오늘은 View Drawing Cycle 공부를 했다 View Life Cycle은 들어봤어도 View Drawing Cycle은 처음 들어봤는데.. 알고보니 그동안 잘 모르고 썼거나, 들어만 보았던 layoutIfNeeded()나 setNeedsDisplay() 등의 메서드의 내용이 포함된 것 같다🧐 오늘 활동학습에서 다룬 김에 정리해야지 📌 View Drawing 개념 먼저 공식문서부터 살펴보면 > View drawing occurs on an as-needed basis. When a view is first shown, or when all or part of it becomes visible due to layout changes, the system asks the view to draw its contents [UIView - The View Drawing Cycle](https://developer.apple.com/documentati

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

Layout

iOS 화면 업데이트는 어떻게 되는 걸까? draw, layoutIfNeeded, setNeedsLayout 등. 이해가 안가는 것들이 너무 많았다. 오늘 한번 부셔보자! Main Run Loop 해당 메서드들을 이해하기 전에, View의 Layout이 어떤 식으로 그려지는지에 대한 이해가 필요하다. 핵심은 Run Loop이다. image iOS 애플리케이션의 main run loop는 User의 모든 input event를 받고 적절한 응답을 하기 위해 존재한다. 모든 interaction은 event queue를 거쳐 애플리케이션으로 전달된다. 애플리케이션 내의 UIApplication 객체는 event queue에서 event를 하나씩 꺼내고 해석하여 하위 객체로 전딸한다.

2022년 3월 7일
·
0개의 댓글
·
post-thumbnail

[HTML5 Canvas] 02 캔버스 그림 그리기

✹ 해당 포스팅은 Youtube에 업로드된 1분코딩님의 의 필기입니다. 이 곳을 클릭하시면 유튜브에서 직접 강좌를 들으실 수 있습니다. 대부분의 샘플 코드는 해당 강좌에서 제공되는 코드임을 밝힙니다. 콘텍스트 객체 🎑 > 캔버스에 그림을 그릴 때는 거의 Context를 이용해서 그린다! 이 세팅을 거의 기본으로 생각해주면 된다. Context는 getContext 메소드를 통해서 호출한다. getContext를 통해서 context를 호출한 후에 이를 console에 찍어보면, 아래와 같이 수많은 메소드들이 있는 것을 확인해볼 수 있다. ![](https://images.velog.io/images/9rganizedchaos/post/8c5a6029-27be-4f62-8c95-7b636881ee6c/%E1%84%89%E1%8

2021년 5월 25일
·
0개의 댓글
·