inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

SVG 마스터

자바스크립트 적용하기 2

svg안의 script 요소는 자동으로 defer 적용이 되는건가요

178

주영재

작성한 질문수 3

0

일반적인 html 안의 script 요소의 경우

돔 파싱 이전에는 요소 접근이 안 되어서

body의 beforeend 부분에 넣어두던가

defer 속성을 명시하잖아요

svg HTML/CSS

답변 1

0

1분코딩

(수정) 질문 답변 게시판 체크 중, 제가 전에 달아둔 답변이 조금 모호할 수 있는 부분이 있어 다시 정확히 설명 드릴게요!
<svg> 요소 자체에는 말씀대로 그냥 접근이 가능하고,
<svg> 내부에 있는 요소들(<circle>같은 것들)은 일반 DOM 요소들처럼
DOMContentLoaded 등으로 이벤트 발생을 기다리든지,
아니면 아래부분에 작성해주시면 됩니다.
<svg>
    <circle></circle>
    <circle></circle>
    <script></script>
<svg>
이런 순서로요!

svg 직접 그리기

0

59

1

SVG 파일 CSS 애니메이션

0

215

1

곡선에 따라 글자쓰기에서 path 대신 circle은 안되나요?

0

285

1

선생님 질문 있습니다! svg 태그에 object-fit: cover; 같은 속성을 적용하기는 어려울까요?

0

585

1

atom 서비스 종료, emmet 설치안됨

0

1426

1

SVG 태그 중 foreignObject 관련하여 질문드립니다.

0

1565

1

마스크가 안돼요..

0

431

2

강의 노션

0

404

1

강의 노션

0

342

1

마스크 2에서 배경으로 깔린 패턴 애니메이션이 멈춰있는 현상

1

238

1

path 를 x ,y로 이동

0

287

1

같은 페이지에 같은 svg 아이콘을 사용할 경우 id 값이 동일해도 되나요?

0

363

1

마스크2 돋보기 질문

0

391

1

압축에 관하여

0

281

1

svg 강의 스트로크 편 구현 에서 제가 적용하면 안되는게 있어요

0

418

2

패스 강의 관련 태그 질문 드립니다 ㅠ.ㅠ

0

514

1

글씨 깨짐

0

434

1

smil 무한반복 질문

0

236

1

SMIL 애니메이션 중복 관련 질문드립니다. ( + 융의 땅 관련 질문 추가...)

0

335

1

class name 정의 하실때 bem 방법 사용하시나요??

0

332

1

마스크 2 에서 질문있습니다.

0

265

1

path로 그린 svg 화면 꽉채우기

0

883

1

svg 파일 불러오기

0

369

1

svg 태그 질문!

0

235

1