«svg» 태그된 질문

내가 사용 하는가 <img>, <object>또는 <embed>로딩 유사한 방법으로 페이지에로드 SVG 파일을 jpg, gif또는 png? 가능한 한 잘 작동하도록하기위한 코드는 무엇입니까? (저는 연구에서 mimetype을 포함하거나 SVG 렌더러를 대체하는 것에 대한 언급을 보았으며 최신 기술 참조를 보지 못했습니다). Modernizr을 사용 하여 SVG 지원을 확인하고 SVG를 지원 <img>하지 않는 브라우저를 대체합니다 (일반 태그 …

603 html  svg  vector-graphics 

웹 사이트 나 인터페이스 등을 구축 할 때 특정 이미지 파일 형식을 사용해야하는시기는 언제입니까? 그들의 강점과 약점은 무엇입니까? PNG와 GIF는 손실이없고 JPEG는 손실됨을 알고 있습니다. 그러나 PNG와 GIF의 주요 차이점은 무엇입니까? 왜 다른 것을 선호해야합니까? SVG 란 무엇이며 언제 사용해야합니까? 각 픽셀을 신경 쓰지 않는다면 "가장 가벼운"JPEG이기 때문에 항상 JPEG를 …

575 image  svg  png  jpeg  gif 

요소를 즉석에서 생성하고 이동할 수있는 가장 좋은 방법은 무엇입니까? 예를 들어 직사각형, 원 및 다각형을 만든 다음 해당 객체를 선택하고 이동한다고 가정 해 봅시다. HTML5는이를 가능하게하는 세 가지 요소 svg , canvas 및 div를 제공한다는 것을 알고 있습니다 . 내가하고 싶은 일에 대해 어떤 요소가 최고의 성능을 제공합니까? 이러한 접근 …

476 javascript  html  svg  html5-canvas 

На этот вопрос есть ответы на 스택 오버플로 на русском 이것은 내가 생각해 낸 편리한 코드의 자체 Q & A입니다. 현재 SVG 이미지를 포함하고 CSS를 통해 SVG 요소에 액세스하는 쉬운 방법은 없습니다. JS SVG 프레임 워크를 사용하는 방법에는 여러 가지가 있지만 롤오버 상태의 간단한 아이콘을 만드는 것만으로는 너무 복잡합니다. 그래서 …

437 jquery  css  svg 

SVG 채우기 색상에서 투명도 또는 알파 수준을 설정할 수 있습니까? 나는 (에서 변경 채우기 태그에 두 개의 값을 추가하려고했습니다 fill="#044B94"에 fill="#044B9466"),하지만이 일을하지 않습니다.

416 colors  svg  transparency  alpha  fill 

16x16 크기로 정의 된 SVG 파일이 있습니다. ImageMagick의 변환 프로그램을 사용하여 PNG로 변환하면 너무 작은 16x16 픽셀 PNG가 나타납니다. convert test.svg test.png 출력 PNG의 픽셀 크기를 지정해야합니다. -size매개 변수는 무시 될 것으로 보인다 -scale매개 변수는 PNG를 조정 한 후 이 PNG로 변환되었습니다. 지금까지 가장 좋은 결과는 -density매개 변수 를 사용하여 …

388 svg  imagemagick  png 

css3을 사용하여 svg 요소의 그림자를 설정할 수 있습니까? box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; 필터 효과를 사용하여 그림자를 만드는 것에 대한 언급이있었습니다. CSS 만 사용하는 예가 있습니까? 아래는 cusor 스타일이 올바르게 적용되지만 그림자 효과가없는 작업 코드입니다. 최소한의 코드로 그림자 효과를 얻을 수 있도록 도와주세요. svg .shadow …

379 html  css  svg  svg-filters 

Apple의 iPad Mini는 우리가 원하는 것보다 더 많은 방법으로 iPad 2의 작은 복제품입니다. JavaScript에서 window.navigator객체는 Mini 및 iPad 2에 대해 동일한 값을 노출합니다. 지금까지의 차이를 감지하기위한 테스트로 성공하지 못했습니다. 이것이 왜 중요한가? iPad Mini와 iPad 2 화면은 픽셀 단위는 동일하지만 실제 크기 (인치 / 센티미터)는 다르 므로 PPI (인치당 픽셀)가 …

376 javascript  html  ipad  svg 

html <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } 위의 svg 가로 드되고 기본적으로 fill: #fff위의 css검은 색으로 변경하려고 시도해도 변경되지 않습니다. 이것은 SVG를 처음 사용하는 이유이며 왜 작동하지 않는지 잘 모르겠습니다.

373 css  image  svg 

이 기술을 http://css-tricks.com/svg-fallbacks/ 사용 하고 svg 색상을 변경하고 싶지만 지금까지는 그렇게 할 수 없었습니다. 나는 이것을 CSS에 넣었지만 내 이미지는 항상 검은 색입니다. 내 코드 : .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> 코드 스 니펫 실행결과 숨기기스 니펫 확장

350 css  svg 

SVG를 JavaScript를 통해 비트 맵 이미지 (JPEG, PNG 등)로 변환하고 싶습니다.

299 javascript  svg 

jQuery SVG를 사용하고 있습니다. 객체에 클래스를 추가하거나 제거 할 수 없습니다. 내 실수를 아는 사람 있나요? SVG : <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> 클래스를 추가하지 않는 jQuery : $(".jimmy").click(function() { $(this).addClass("clicked"); }); SVG와 jQuery가 잘 작동한다는 것을 알고 있습니다 . 클릭하면 객체를 대상으로하고 경고를 발생 시킬 수 …

289 javascript  jquery  css  svg  jquery-svg 

CSS에서 인라인 SVG 정의를 사용할 수 있습니까? 나는 다음과 같은 것을 의미한다 : .my-class { background-image: <svg>...</svg>; }

284 css  svg 

SVG 출력을 페이지 코드와 직접 인라인으로 배치하면 CSS를 사용하여 채우기 색상을 간단하게 수정할 수 있습니다. polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } 이것은 훌륭하게 작동하지만 SVG가 배경 이미지로 제공 될 때 SVG의 "채우기"속성을 수정하는 방법을 찾고 있습니다. html { background-image: url(../img/bg.svg); } 지금 색상을 어떻게 바꿀 수 …

270 html  css  svg 

휴무 . 이 질문은 더 집중되어야 합니다. 현재 답변을받지 않습니다. 휴일 3 년 전 . 잠김 . 이 질문과 주제는 주제가 다르지만 역사적 의미가 있기 때문에이 질문과 답변은 잠겨 있습니다. 현재 새로운 답변이나 상호 작용을받지 않습니다. PNG 이미지를 SVG로 변환하는 방법?

266 svg  png