웹 문서에 SVG를 넣는 다양한 방법 > 기술자료 | 해피정닷컴

웹 문서에 SVG를 넣는 다양한 방법 > 기술자료

본문 바로가기

사이트 내 전체검색

웹 문서에 SVG를 넣는 다양한 방법 > 기술자료

HTML 웹 문서에 SVG를 넣는 다양한 방법

페이지 정보


본문

svg 를 html 문서에 삽입하는 다양한 방법을 정리해봅니다


1. img 넣기
<img src="vector-img.svg" alt="">
<a href="링크"><img src="vector-img.svg" alt=""></a>
img를 이용해 SVG를 넣으면, SVG 안의 script가 전혀 작동하지 않게 된다. style은 작동한다.


2. object 넣기
<object data="vector-img.svg" type="image/svg+xml"></object>
파일 경로는 src가 아니라 data 속성에 적어 준다
밖에서 감싸는 a 태그가 작동하지 않는다


3. embed 넣기
<embed src="vector-img.svg" type="image/svg+xml">
밖에서 감싸는 a 태그가 작동하지 않는다


4. iframe 넣기
<iframe src="vector-img.svg"></iframe>
밖에서 감싸는 a 태그가 작동하지 않는다
 
  scale 외부 a link height:auto CSS style script
inline svg O O O O O
img O O O O X
object O X X O O
embed O X X O O
iframe X (webkit O) X X O O


참고자료
https://mytory.net/archives/11213
 

댓글목록

등록된 댓글이 없습니다.


Total 2,641건 9 페이지
  • RSS
기술자료 목록
2481
XpressEngine   4599  2021-08-18 19:11  
2480
etc보드   4990  2021-08-18 16:31 ~ 2021-08-18 16:35  
2479
JavaScript   5383  2021-08-18 15:13  
2478
Adobe   5063  2021-08-12 18:41  
2477
Adobe   6838  2021-08-06 13:12 ~ 2021-09-09 15:51  
2476
그누보드   5105  2021-08-01 20:59 ~ 2021-08-02 09:19  
2475
그누보드   6841  2021-07-27 14:45 ~ 2021-08-05 18:06  
2474
Editor   6213  2021-07-20 14:51 ~ 2021-07-20 15:01  
2473
호스팅   4551  2021-07-09 19:35 ~ 2021-07-09 19:47  
열람
HTML   5191  2021-07-07 15:48 ~ 2021-07-07 15:51  
2471
PHP   6788  2021-06-30 10:40  
2470
그누보드   5679  2021-06-30 07:32 ~ 2021-06-30 07:50  
2469
JavaScript   6153  2021-06-15 22:02  
2468
그누보드   7389  2021-06-11 09:19 ~ 2021-06-11 09:20  
2467
일반   6021  2021-06-07 14:12 ~ 2021-06-07 14:16  
2466
그누보드   6275  2021-06-03 16:20 ~ 2021-06-06 14:56  
2465
HTML   6786  2021-06-02 17:15 ~ 2021-06-02 17:15  
2464
SQL   8560  2021-06-01 09:45 ~ 2021-06-01 11:54  
2463
그누보드   5654  2021-05-26 11:53 ~ 2021-05-27 08:49  
2462
Editor   5853  2021-05-20 16:27 ~ 2021-05-20 16:40  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.