svg 태그 사용 방식 질문
139
작성한 질문수 2
강사님, 안녕하세요.
수업 잘 듣고 있습니다.
강사님께서 svg 태그를 사용하는 두 가지 방식에 대해서 설명해주셨는데요.
1. 처음부터 svg 태그를 사용, 태그에 속성을 사용하는 방식
<svg width="500" height="500"></svg>
<script>
const svg = d3.select('svg');
</script>2. div에 class 속성을 주고,
class 속성을 통해 svg를 append 후, 속성 attribute 하는 방식
<div class="canvas"></div>
<script>
const svg = d3.select('.canvas')
.append('svg')
.attr('width', 1000)
.attr('height', 1000);
</script>왜 2번 방식을 많이 쓰는지 궁금합니다.
svg를 추가할 지의 여부 내지는 svg 태그의 속성 등을 동적으로 지정해주기 위함인지요?
답변 1
1
네, 맞습니다. 동적 제어를 하기 위함이고, 추후에 수정을 좀 더 편리하게 하기 위해서입니다. 또 유지보수성이 높아지죠.
예를 들어 JavaScript로 컨트롤해서 반응형 디자인에 대응하기도 좋습니다. :)
이미지 배경 문의
0
68
1
svg 직접 그리기
0
63
1
[크로스브라우징] safari에서 동영상 영역 미노출
0
108
1
항상 궁금했는데 크림슨 컬러 선택하셨을때 활용했던 사이트 좀 알려주세요~
0
111
2
vue강의는안하시나요?!
0
104
1
스크롤 속도에 따른 messageA_opacity_out
0
118
1
drawImage(objs.videoImages[sequence], 0, 0); error
0
91
1
텍스트 정렬에 대한 질문입니다.
0
89
1
선생님 캔버스 width 크기는 이미지 크기에맞게 해줘야하나요?
0
131
0
선생님 안녕하세요. 혹시 메인개발(?)분야가 뭔지 궁금합니다.
0
210
1
SVG 파일 CSS 애니메이션
0
218
1
React에서 load 상태를 어떻게 감지할 수 있을까요?
0
685
1
[섹션7-3: 버그수정 2] tempYOffset 오류
0
197
1
스크롤할 때 캔버스로 하신 이유가 있으신가요? 그냥 성능 떄문에 캔버스로 하신건가요?
0
315
2
게속 오류떠서 글 작성해봐요....
0
509
2
곡선에 따라 글자쓰기에서 path 대신 circle은 안되나요?
0
289
1
d3 cdn 연동 링크를 찾을 수 없네요
0
295
1
foreach 문 자동완성하는 익스텐션 알려주세요!
0
518
2
지도 관련 질문입니다.
0
379
0
차트 배경 그리드
0
317
0
강의영상에 자동완성 설정 궁금합니다
0
201
0
저기 혹시
0
278
1
질문이 하나 있어요
0
268
1
강의 잘듣고 있습니다.^^
0
216
1