«svg» 태그된 질문

На этот вопрос есть ответы на 스택 오버플로 на русском : Прозрачный текст вырезан из фона CSS를 사용하여 다음 이미지와 같은 배경 효과 에서 투명한 텍스트를 잘라내 는 방법이 있습니까? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 슬픈 일입니다. 처음에는 그림자를 생각했는데 아무것도 알아낼 수가 없어 ... 이미지는 …

92 css  svg  fonts  css-shapes 

일련의 svg 사각형 (D3.js 사용)이 있고 마우스 오버시 메시지를 표시하고 싶습니다. 메시지는 배경 역할을하는 상자로 둘러싸여 있어야합니다. 둘 다 서로와 직사각형 (상단 및 중앙)에 완벽하게 정렬되어야합니다. 이를 수행하는 가장 좋은 방법은 무엇입니까? "x", "y", "width"및 "height"속성을 사용하여 svg 텍스트를 추가 한 다음 svg rect를 추가해 보았습니다. 문제는 텍스트의 참조 점이 …

92 javascript  svg  d3.js  tooltip 

나는 왜 그렇게 소수의 현대 웹 사이트가 여전히 아이콘에 PNG만을 사용하는지 궁금합니다 (그러나이 가정은 내 관찰에 근거한 것입니다). 지금까지 SVG보다 PNG를 사용하는 주된 이유는 IE8이고 SVG는 더 많은 CPU 성능을 사용한다는 것입니다 (하지만 이것이 단순한 1K 아이콘에 대한 문제라고 생각하지 않습니다). SVG를 스프라이트, 이미지 또는 인라인 SVG로 사용할 때 SVG를 …

92 html  svg  icons 

HTML에서 SVG로 바로 사용할 수 있도록 Font Awesome 글리프 에서 SVG 경로 데이터를 가져 오고 싶습니다. fontawesome-webfont.svg 에서 경로 데이터를 복사하여 붙여 넣는 것만 큼 쉬울 것이라고 생각 했지만 HTML에서 사용하면 기호가 모두 거꾸로 렌더링됩니다. 왜 그럴까요? ( Fiddle 참조 ) 글꼴 굉장 SVG : <glyph unicode="" horiz-adv-x="1408" d="M1408 131q0 …

92 html  svg  font-awesome 

변환 된 image.svg를 Google지도 아이콘으로 사용할 수 있습니까? 내 png 이미지를 svg로 변환하고 회전 할 수있는 Google지도 기호처럼 사용하고 싶습니다. 나는 이미 구글지도 기호를 사용하려고했지만 자동차, 사람 등과 같은 아이콘을 갖고 싶습니다. 그래서이 예제 사이트와 마찬가지로 일부 png 파일을 svg로 변환했습니다 . http : / /www.goprotravelling.com/

91 google-maps  google-maps-api-3  svg 

HTML5에서 요소 이름이 시작 XML 속성에 저장된 임의의 메타 데이터를 가질 수 data-등을 <p data-myid="123456">. 이 부분도 SVG 사양의 일부입니까? 실제로이 기술은 여러 곳에서 SVG 문서에 대해 잘 작동합니다. 그러나 공식 SVG 사양의 일부인지 여부를 알고 싶습니다. 형식이 충분히 어려서 특히 모바일에서 브라우저간에 여전히 많은 비 호환성이 있기 때문입니다. 따라서 …

87 svg  web-standards 

다음은 문제에 대한 설명입니다 (Firefox 및 Chrome에서 테스트 됨). <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> 코드 조각 실행결과 숨기기스 니펫 확장 JSFiddle에서보기 파란색 아래에 추가 red공간이 div있습니다 svg. 이미 설정 시도 padding와 margin두 요소의에 0,하지만 행운.

87 html  css  svg 

svg요소 의 치수를 얻는 올바른 방법은 무엇입니까 ? http://jsfiddle.net/langdonx/Xkv3X/ Chrome 28 : style x client 300x100 offset 300x100 IE 10 : stylex client300x100 offsetundefinedxundefined FireFox 23 : "style" "x" "client" "0x0" "offset" "undefinedxundefined" 에 너비 및 높이 속성이 svg1있지만 .width.baseVal.value요소에 너비 및 높이 속성을 설정 한 경우에만 설정됩니다. 바이올린은 다음과 …

86 javascript  svg 

몇 가지 합성 모양 ( <g>) 이 있다고 가정 해 보겠습니다 . 나는 그것들을 클릭하고 드래그 할 수 있기를 원하지만, 지금 드래그하고있는 하나가 Z 순서에서 다른 하나의 맨 위에 있기를 원합니다. 그래서 다른 하나 위로 드래그하면 다른 하나가 하나는 가려 져야합니다.

85 javascript  svg 

다음 SVG가 있습니다. <svg> <g> <path id="k9ffd8001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#a0a700"></path> <path id="kb8000001" d="M64.5 45.5 82.5 45.5 82.5 64.5 64.5 64.5 z" stroke="#808600" stroke-width="0" transform="rotate(0 0 0)" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="url(#k9ffb0001)"></path> </g> </svg> 코드 …

84 xml  image  svg  vector-graphics 

저는 SVG를 엉망으로 만들고 있으며 Illustrator에서 SVG 파일을 만들고 Javascript로 요소에 액세스 할 수 있기를 바랐습니다. 다음은 Illustrator에서 시작되는 SVG 파일입니다 (제거한 파일의 시작 부분에 정크 파일을 추가하는 것 같습니다). <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="276.843px" height="233.242px" viewBox="0 …

83 javascript  svg  raphael 

D3 라이브러리를 사용하여 SVG 요소를 z 순서의 맨 위로 가져 오는 효과적인 방법은 무엇입니까? 내 특정 시나리오의 (a를 추가하여하는 하이라이트 파이 차트 stroke받는 path마우스가 주어진 조각 위에있을 때). 내 차트를 생성하는 코드 블록은 다음과 같습니다. svg.selectAll("path") .data(d) .enter().append("path") .attr("d", arc) .attr("class", "arc") .attr("fill", function(d) { return color(d.name); }) .attr("stroke", "#fff") …

81 javascript  svg  d3.js 

저는 d3 및 svg 코딩을 처음 사용하며 차트의 xAxis에서 텍스트를 회전하는 방법을 찾고 있습니다. 내 문제는 일반적으로 xAxis 제목이 막대 차트의 막대가 넓은 것보다 길다는 것입니다. 따라서 xAxis 아래에서 가로가 아닌 세로로 텍스트를 회전하려고합니다. 변환 속성을 추가해 보았습니다 : .attr ( "transform", "rotate (180)") 하지만 그렇게하면 텍스트가 모두 사라집니다. SVG …

81 text  svg  transform  d3.js 

JavaScript를 사용하여 SVG 그래픽을 어떻게 만들 수 있습니까? 모든 브라우저가 SVG를 지원합니까?

80 javascript  graphics  svg 

Android는 SVG를 지원합니까? 어떤 예?

79 android  svg