«svg» 태그된 질문

svg의 x와 dx 속성 (또는 y와 dy)의 차이점은 무엇입니까? 축 이동 속성 (dx)과 위치 속성 (x)을 사용하는 적절한시기는 언제입니까? 예를 들어, 저는 이와 같은 일을하는 많은 d3 예제를 보았습니다. chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") 다음이 같은 일을하는 것처럼 보일 때 y와 dy를 둘 다 …

106 svg  d3.js 

enable-background속성은 정확히 무엇을 합니까? 사양을 읽었 지만 여전히 이해가되지 않습니다.

105 svg 

자바 스크립트를 사용하여 SVG 문서에서 특정 요소의 크기를 조정하고 회전해야합니다. 문제는 기본적으로 항상 (0, 0)왼쪽 상단 의 원점 주위에 변환을 적용한다는 것 입니다. 이 변형 기준점을 어떻게 다시 정의 할 수 있습니까? transform-origin속성을 사용해 보았지만 아무런 영향을 미치지 않습니다. 이것이 내가 한 방법입니다. svg.getDocumentById('someId').setAttribute('transform-origin', '75 240'); Firefox에서 속성이 올바르게 설정되었음을 …

104 svg  coordinate-transformation 

SVG rect요소에 그라디언트를 적용하려고합니다 . 현재는 fill속성을 사용하고 있습니다. 내 CSS 파일에서 : rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } 그리고 rect요소는 브라우저에서 볼 때 올바른 채우기 색상을 갖습니다. 그러나이 요소에 선형 그래디언트를 적용 할 수 있는지 알고 싶습니다.

104 css  svg  gradient  linear-gradients 

SVG 요소의 획 너비를 "픽셀 인식"으로 설정하고 싶습니다. 현재 적용된 크기 조정 변환에 관계없이 항상 1px 너비입니다. SVG의 모든 요점이 픽셀 독립적이기 때문에 이것이 불가능할 수도 있다는 것을 알고 있습니다. 컨텍스트는 다음과 같습니다. viewBox 및 preserveAspectRatio 속성이 설정된 SVG 요소가 있습니다. 이렇게 생겼어요 <svg version="1.1" baseProfile="full" viewBox="-100 -100 200 200" …

103 svg  visualization 

각 SVG 파일 내에서 직접적으로가 아니라 외부 스타일 시트를 통해 색상을 수정하고 싶은 여러 SVG 그래픽이 있습니다. 그래픽을 인라인으로 넣지 않고 내 이미지 폴더에 저장하고 가리키고 있습니다. 툴팁이 작동 할 수 있도록 이러한 방식으로 구현 <a>했으며 링크를 허용하기 위해 각각을 태그로 래핑했습니다 . <a href='http://youtube.com/...' target='_blank'><img class='socIcon' src='images/socYouTube.svg' title='View my …

102 html  css  svg  stylesheet  external 

닫은. 이 질문은 Stack Overflow 지침을 충족하지 않습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 휴일 육년 전 . 이 질문 개선 너무 많은 코드를 작성하지 않고도 C #을 사용하여 SVG 이미지를 PNG로 변환하려고했습니다. 누구든지이를 위해 라이브러리 나 예제 코드를 …

102 c#  .net  png  svg 

나는 svg 파일을 보여주고 싶지만 (나는 많은 svg 이미지를 가지고 있지만) 보여줄 방법을 찾을 수 없었습니다. react-native-svg 의 Image 및 Use 구성 요소 를 사용하려고 시도했지만 작동하지 않습니다. 네이티브 방식으로 시도했지만 svg 이미지 만 보여주는 것은 정말 힘든 일입니다. 예제 코드 : import Svg, { Use, Image, } from 'react-native-svg'; …

102 javascript  svg  react-native 

css에서 text와 비슷한 svg의 배경을 채색하고 싶습니다.background-color fill텍스트 자체에 색상을 지정하는 에 대한 문서 만 찾을 수있었습니다. 가능할까요?

101 css  svg  background-color 

파이썬에서 svg를 로 어떻게 변환 png합니까? svg의 인스턴스 에을 저장하고 StringIO있습니다. pyCairo 라이브러리를 사용해야합니까? 코드를 어떻게 작성합니까?

99 python  svg  rendering  cairo 

SVG 문서가 있는데 그 안에 외부 svg 이미지를 포함하고 싶습니다. 예를 들면 다음과 같습니다. <object data="logo.svgz" width="100" height="100" x="200" y="400"/> ( "object"는 예일뿐입니다. 외부 문서는 xhtml이 아닌 SVG입니다). 어떤 아이디어? 이것이 가능할까요? 아니면 내 외부 SVG 문서에 logo.svg xml을 간단히 넣는 것이 가장 좋은 방법입니까?

98 xml  svg  embedding 

img 태그로 svg를 렌더링하지 않는 Google 크롬에 문제가 있습니다. 이는 페이지를 새로 고치고 초기 페이지를로드 할 때 발생합니다. "Inspecting Element"를 클릭 한 다음 svg 파일을 마우스 오른쪽 버튼으로 클릭하고 새 탭에서 svg 파일을 열어 이미지를 표시 할 수 있습니다. 그러면 svg 이미지가 원본 페이지에 렌더링됩니다. <img src="../images/Aged-Brass.svg"> 여기서 문제가 무엇인지 …

95 google-chrome  svg 

이것은 쉬운 일인 것 같지만, 나는 단지 무언가를 얻지 못하고 있습니다. 스크롤하지 않고 가로 세로 비율을 유지하면서 브라우저 창에 맞게 자동으로 크기가 조정되는 단일 SVG 이미지가 포함 된 HTML 페이지를 만들고 싶습니다. 예를 들어, 현재 1024x768 SVG 이미지가 있습니다. 브라우저 뷰포트가 1980x1000이면 이미지가 1333x1000으로 표시되기를 원합니다 (세로 채우기, 가로 가운데에 …

94 layout  xhtml  svg  scaling  aspect-ratio 

스트로크 너비 설정 : <rect>SVG 의 요소에서 1 은 사각형의 모든면에 스트로크를 배치합니다. SVG 직사각형의 세면에만 획 너비를 배치하는 방법은 무엇입니까?

93 html  svg  vector-graphics  inkscape 

SVG와 HTML5 Canvas의 차이점은 무엇입니까? 둘 다 나에게 똑같은 일을하는 것 같다. 기본적으로 둘 다 좌표 점을 사용하여 벡터 아트 워크를 그립니다. 내가 무엇을 놓치고 있습니까? SVG와 HTML5 Canvas의 주요 차이점은 무엇입니까? 왜 하나를 선택해야합니까?

92 html  canvas  svg