본문 바로가기
반응형

programming760

svg path 패스 절대좌표 상대좌표 방향성 이해하기 svg path 를 이용해 점의 이동경로를 표시할 때 절대좌표와 상대좌표를 이용해 표현할 수 있다. 절대좌표는 점의 이동경로의 도착지가 어디에 위치하는지 정확하게 설정하지만 상대좌표는 이동경로의 도착지 좌표가 얼마만큼 이동했는지를 표시하는 의미이기도 하다. 방향성을 가지고 있기 때문에 + - 의 기호가 붙는다. svg path 패스 절대좌표 상대좌표 너비와 높이가 정해진 좌표계에서 좌표는 0,0 부터 정해진 너비와 높이까지 모든 점이 존재한다. 그 점들을 svg path 로 표현하여 점의 이동경로를 선으로써 표현할 수 있다. svg path 는 선이 아닌 점이 이동경로인 것에 주목하자. ( 가시적으로는 선으로써 보인다. ) 점의 이동경로에 대해 절대좌표와 상대좌표를 이해하기 전에 이전에 작성한 svg 패.. 2021. 9. 14.
자바스크립트 html 외부 js 호출 실행하는 방법 Executing javascript external js file 자바스크립트는 확장자가 js로 되어있는 외부 파일로 만들어 실행시킬 수 있다. html 내부에 자바스크립트 실행코드가 많아지면 관리가 어렵다. 목적이 비슷한 것들끼리 묶어 관리하면 편하다. 외부 자바스크립트 파일을 불러오려면 형식으로 사용한다. html 외부 js 에 작성된 자바스크립트 자바스크립트로 html 를 변경할 수 있을까? 글자변경 글자크기변경 글자숨기기 글자보이기 이미지_1 이미지_2 외부 js 파일을 호출하는 부분은 2군데이다. 같은 파일이며, 같은 내용이다. head 에 있는 것은 주석으로 처리하였다. 물론 head 에 있어도 실행이 되고, body 태그 내에 있어도 실행은 된다. 외부 js 파일을 호출하는 것 또한 html 문서의 어디에 있던 상관없는 것을 알 수 있다. 정상적으로 스크립.. 2021. 9. 14.
파이썬 딕셔너리 특징 키와 값으로 이루어진 데이터 집합 Python Dictionary key value pairs 파이썬 딕셔너리 또한 컬렉션이다. 리스트 튜플 세트 딕셔너리 모두 컬렉션이고 데이터를 집합의 형태로 저장한다. 딕셔너리의 특징은 키와 값이 쌍으로 이루어진 형태를 가진다. 이것은 key value pair 라고 하고 json과 비슷한 구조를 가지고 있다. 파이썬 딕셔너리 특징 키와 값으로 이루어진 데이터 집합 Python Dictionary key value pairs 파이썬 딕셔너리는 키와 값으로 이루어져 있다. 키와 값의 오브젝트 형태인 json과 비슷하다. 형태는 { 키 : 값 } 또는 { key : value } 이다. 간단한 형태의 딕셔너리 데이터를 보도록 하자. print('----------') vDict = { "company": "SM Ent", "group": "레드벨벳", "membe.. 2021. 9. 12.
svg path 패스 수평선 수직선 그리기 draw svg Horizontal Vertical line path svg 패스 path 를 이용하면 수평선 수직선을 그릴 수 있다. 인자값은 수평선은 H 수직선은 V 이다. 수평선은 점이 가로로 이동할 좌표를 설정하면 되며 수직선은 점이 세로로 이동할 좌표를 설정하면 된다. 즉, 좌표는 하나씩만 설정하면 된다. 인자값이 설정되면 그 뒤에 붙는 좌표들 또한 같은 속성으로 동작하는 것을 상기한다. svg path 패스 수평선 수직선 그리기 draw svg Horizontal Vertical line path svg 패스를 이용해 수평선과 수직선을 그리는 것은 어렵지 않다. 시작점을 설정하고 H와 V에 각각 x좌표, y좌표를 설정하면 된다. 위의 코드를 보면 간단하다. 시작좌표 M 에 좌표를 설정하고 각각 H 에는 x 좌표 V에는 y좌표를 설정하면 된다. H는 Horizon.. 2021. 9. 12.
반응형

티스토리툴바