Q&A
커뮤니티
지식
이벤트
더보기
OKKY
OKKY LogoOKKY Logo
OKKY Logo
Q&A지식커뮤니티이벤트부트캠프Jobs
Contact
로그인회원가입
svg
questionsquestions
질문하기
  • 답변
    6
    공치기정재·거의 2년
    876
    0
    답변 6
    프로필 사진[프론트엔드] 차트라이브러리 무엇을 선호하시나요? SVG or Canvas
    차트라이브러리를 리서치하거나 구현할 때 어떤 랜더러(?)를 선호하시나요? svg와 canvas 둘 중 하나를 선택할 . 거같은데 svg로 하면 ssr이 기능하다는 이점이 있고 canvas로 하면 성능최적화에 svg보단 용이할텐데 차트 수준에서 성능 차이가 유의미 하진 않다고 생각되네요. 그냥 단순히 호불호의 차이일까요?
  • 답변
    4
    ft3321·2년 이상
    311
    1
    답변 4
    프로필 사진이런 SVG 에셋들은 사이트가 따로있나요?
    현재 포트폴리오를 만들며 이런저런 사이트들을 탐방하고있는데 이런 에셋들이 공유가 되어있는 사이트가 있을까요?
  • 답변
    2
    유디브·2년 이상
    388
    0
    답변 2
    프로필 사진jsp와 html의 svg 버벅임 차이 이유를 알고 싶습니다
    현재 svg 로 백터이미지를 불러와서 viewbox를 컨트롤하여 패닝, 줌인, 줌아웃 하는 기능을 만드는데요... 이게 같은 svg 파일이어도 jsp와 html의 버벅임 차이가 많이 나서 이렇게 질문을 올려봅니다 jsp의 경우 서버사이드랜더링으로 서버에서 html문법을 컴파일하여 리턴해주고 끝인것으로 알고있는데 패닝을 하는 경우 html은 엄청 빠르고(버벅임없음) jsp는 매우매우매우 버벅입니다... 혹시 몰라 tomcat에 html을 올려 html파
  • 답변
    1
    미칠듯한스피드로·2년 이상
    409
    0
    답변 1
    프로필 사진svg파일이 줌과 반응형을 동시에 기능하도록은 할 수 없나요?
    안녕하세요 웹에서 svg파일을 쓰고 있습니다. 근데 아무리 해봐도 줌과 반응형이 동시에 되는 방법을 모르겠습니다. chatgpt가 알려주는 것도 다 안되더라구요... 1.확대축소는 되는데 / 반응형은 안되는 코드 <svg viewBox=0 0 100 100> //이렇게 뷰박스를 하고 #svg{<!-- --> width: 100px; height: 100px; //픽셀로 지정 } 2.반응형은 되는데 / 확대축소는 안되는 코드 &l
  • 답변
    1
    기용·2년 이상
    396
    0
    답변 1
    프로필 사진도넛 모양의 마우스 커서를 만들었는데요
    위와 같이 도넛 모양의 마우스 커서를 만들었는데요. 잘 안보이지만, 검정색 선이 너무 얇게 표현이 된 것 같아서 stroke-width 속성을 3정도 줬는데 오히려 선이 더 안보이는 상태가 돼서요. 저 상태에서 크기 등을 조절하지 않으면서 box-sizing: border-box를 하는 것처럼 stroke-width만 좀 더 굵게 할 수 없을까요 ? function getDrawCursor(strokeWidth: number) {<!-- -->  
  • 답변
    0
    기용·2년 이상
    259
    0
    답변 0
    프로필 사진HDR Display에서
    현재 function getDrawCursor(   strokeWidth: number,   brushColor: string,   strokeColor?: string ) {<!-- -->   const circle = `       <svg         height="${strokeWidth}"         fill="${brushColor}"         viewBox=
  • 답변
    0
    Samuel Song·거의 3년
    172
    0
    답변 0
    프로필 사진svg 파일 Js xy object로 바꾸는 방법 아시나요?
    안녕하세요! 제가 svg 파일들을 js object 파일로 바꾸고 싶은데 어떻게 해야할지 몰라서 물어봅니다. 예를 들어 ballons.svg가 있으면 이거를 ballons.js로 바꾸고 싶습니다, 단 이때 js 파일에는 이런 형식으로 나타나도록 구현하고 싶어요. ballons.js let ballons = [ { x: -75.23920093800275, y: -9.276916512631997 }, { x: -73.9953406
  • 답변
    3
    그린티라떼·거의 3년
    354
    0
    답변 3
    프로필 사진React에서 SVG 이미지 연동오류
    리액트에서 다음과 같은 SVG 이미지를 연동하고 싶습니다. <td> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"> <mask id="
  • 답변
    1
    크라·3년 이상
    363
    0
    답변 1
    프로필 사진svg태그 사용하는 곳에 항목을 빼고 넣고 하려면 어떻게해야하나요?
    지금 하고 있는 프로젝트가 외주를 맡겨서 프로젝트를 만든모양입니다.그리고 유지보수를 제가 맡게 되었는데 추가 화면이 생겨서 만들려고 하는데 어떻게 해야할지 모르겠습니다. <select id="sel_gugun" name="sel
  • 답변
    0
    1234567890·3년 이상
    439
    0
    답변 0
    프로필 사진dxf파일을 svg로 변환하는것에 대하여 from nodejs
    안녕하세요, 이번에 dxf파일을 웹에서 사용할 수 있도록 변환하는 작업을 하고있습니다. 그중 몇가지 찾아보니 dxf to svg 혹은 dxf to json이 여러가지 존재하는것을 확인하여 시도해보고 있는데..dxf 파일과 svg파일이 형태가 조금 다르게 나오더라구요.. 예를 들어 dxf파일에 점선은 svg에선 실선으로 나오는 경우나 텍스트는 아예 제외되서 변환이 되는 경우가 있습니다.혹시 이렇게
  • 답변
    1
    이지현·3년 이상
    561
    0
    답변 1
    프로필 사진react.js 및 next.js에서 svg current 에러문제
    안녕하세요~리액트 및 next 로 개발하는 개발자입니다.svg를 자유롭게 사용하기위해 캡처이미지 처럼 width , height에 current를 처리하여 자유롭게
  • 답변
    0
    프랭키·3년 이상
    402
    0
    답변 0
    프로필 사진Jest Svg 렌더링을 어떻게 해야 하나요?
    안녕하세요 Next.js로 사이드 프로젝트를 진행하고 있습니다. 이번 프로젝트에 테스트 코드를 도입했는데 컴포넌트 테스트에서 SVG를 렌더링하는데 오류가 발생합니다. SVG를 컴포넌트 처럼 렌더링하는 형식을 취하고 있습니다만 Stackoverflow에서 나온 방법을 활용해도 오류가 해결되지 않았습니다. 해결방법이 있을까요?code data-code
  • 답변
    1
    gjrmsgod7·3년 이상
    225
    0
    답변 1
    프로필 사진React 내 정적 import 질문 있습니다.
    리액트 초보 질문드립니다!!! 리액트에서 svg 파일을 import 하려고하는데, 상단에서 정적으로 import 하는 방법 말고, axios로 백엔드에서 받은 값을 경로로 지정해서 동적으로 import 하는 방법이 있을까요?
  • 답변
    1
    ion loi·3년 이상
    638
    0
    답변 1
    프로필 사진svg를 리액트 컴포넌트로 가져오면 width, height를 css에서 설정할 수 없나요?
    안녕하세요, svg파일을 ReactComponent화 해서 사용하고 있는데요, width와 height 속성을 css에서 설정해도 적용되지 않아 질문드립니다.이게 안 되는게 맞다면 모든 svg 파일에 각각 current 속성을 입력해 주어야 할 텐데요......나중에는 svg 이미지가 한 두 개가 아니게 될 것이고, 분명 비효율적인 방법인 것 같아 다른 방법을 아시는 분이 있으면 알려주셨으면 하여 글을 올려봅니다.pre spe
  • 해결
    2
    투명버그·거의 4년
    555
    0
    해결 2
    프로필 사진java로 wmf->svg 파일 변환 잘 아시는 분 없나요
    이미지 wmf 파일 업로드 하면 svg 파일로 변환하는 작업을 해야 해서 (결론적으로 wmf->svg->png으로 변환해야합니다...)검색해서 batik이라는 라이브러리가 있는 걸 알고 다음 코드를 가져다 넣어서 컴퓨터 내에서 작동하는지 보는데 (파라메터 String a는 의미 없이 넣은 겁니다. 로컬 안 파일이 잘 변환되는지 확인하고 나중에 wmf 파일 경로를 받아 변환하는 식으로 변경하려구요)/
  • 답변
    0
    HelloEVO·약 4년
    584
    0
    답변 0
    프로필 사진HTML SVG의 path태그에 관하여 질문있습니다
    draw.io 와 같은 어플리케이션을 만들려고 시도하던 중위 사진과 같이 구름모양을 생성하고 크롬 개발자 툴을 이용하여 사이즈를 키우고 줄여가며 확인해 본 결과구름모양을 나타내는 path 태그의 d 속성값 자체가 바뀌는 것으로 확인되었습니다./
  • 답변
    0
    박보성·4년 이상
    373
    0
    답변 0
    프로필 사진깃허브 Readme에 이미지 뱃지를 직접 만드는 과정에서 문제가 생겨 질문드립니다!
    class ssukssukee(object): def generate_ssukssukee(request): svg='''<?xml version="1.0" standalone="no"?><svg xmlns="http://www.w3.o
  • 답변
    1
    Hyeonseong Lee·4년 이상
    680
    0
    답변 1
    프로필 사진외부 JS 를 이용해 외부 SVG 파일 내의 속성 수정에 대해 질문드립니다!
    외부 SVG 파일에 있는 태그의 스타일 속성을 외부 자바스크립트를 통해 변경하려 합니다.어떤 속성을 바꾸려고 해도 계속 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute') 와 같은 에러가 뜨는데, 어떤 이유에서 뜨는지 잘 모르겠어서 질문드립니다..ㅠHTML 문서pre cl
  • 답변
    1
    tulp·4년 이상
    239
    0
    답변 1
    프로필 사진SVG에서 click 왜 안되는지 모르겠어요 ㅠㅠ
    https://github.com/jth9613/tulp다른 기능들 넣기도 전에 클릭부터가 안되어요..일단 다 빼놓고 클릭 저거만 남겨놨는데요..맨 위에 뜨는 TULP를 누르면 가운데에 창이 뜨게 하려고 하는데왜 안되는지 모르겠네요 ㅠㅠ요 영상 참고하여 작업했습니다.https://www.youtube.com/watch?v=
  • 답변
    0
    모닷불·5년 이상
    595
    0
    답변 0
    프로필 사진SVG태그 안에 이미지를 넣고 싶습니다.
    <section> <div class="swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!--
  • 이전
  • 1
  • 2
  • 다음
OKKY LogoOKKY Logo
OKKY Logo

All That Developer

FacebookYoutubeEmail
  • 회사소개
  • 공지사항
  • 연락처
  • 광고문의
운영정책슬랙봇
  • 개인정보 처리방침
  • 통합 서비스 이용약관
운영정책슬랙봇
상호명: (주)오키코리아 | 대표명: 노상범
사업자등록번호: 592-87-02037
| 통신판매업신고번호: 제 2022-서울강남-04742호
| 직업정보 제공사업 신고번호: J1200020230009
주소: 서울 강남구 봉은사로 303 TGL경복빌딩 502호 (06103)
| 고객센터 : info@okky.kr (영업시간 평일 10:00~17:00) 주말 · 공휴일 휴무
© 2026 (주)오키코리아. All rights reserved.
sponsored by
iNamesiNamesiNames
NHN Cloud
NHN CloudNHN Cloud