«svg» 태그된 질문

이것은 일반적인 SVG MIME 유형입니다. image/svg+xml 그리고 그것은 잘 작동합니다. 그러나 SVG 글꼴을 포함시킬 때 크롬은 이미지 대신 글꼴을 반환하기 때문에 MIME 유형이 잘못되었음을 나타냅니다. 보편적 인 MIME 유형이 있습니까? 크롬이 잘못 되었나요? 되어 application/svg+xml어떻게 든 가능? 나는 이것이 여전히 HTML5에서 회색 영역이라고 생각하지만 여기 누군가가 알고있을 것입니다.

168 html  svg  font-face  mime-types 

background-imageSVG <path>요소에 대해 를 설정할 수 있습니까? 예를 들어 element를 설정하면 class="wall"CSS 스타일이 .wall {fill: red;}작동하지만 작동 .wall{background-image: url(wall.jpg)}하지 않습니다 .wall {background-color: red;}.

166 html  css  image  svg  background-image 

아무도 이것이 어떻게 이루어질 수 있는지 알고 있습니까? 캔버스 객체, svg, jQuery 등을 사용 하시겠습니까?

165 ipad  html  canvas  svg 

안드로이드에서 svg를 사용하고 각 해상도마다 다른 해상도를 만들고 파일을 삭제하는 것을 피하기 위해 무수한 라이브러리를 찾았습니다. 앱에 많은 아이콘이나 이미지가 있으면 매우 성가 시게됩니다. 누구나 안드로이드에서 SVG를 사용하기 위해 라이브러리를 사용하는 가장 간단한 프로세스를 단계별로 제공 할 수 있다면 친절 할 수 있습니다. 많은 사람들도 도움이 될 것입니다. 또한 아이콘과 …

165 android  svg  androidsvg 

그래서, 저는 HTML로 된 SVG 파일을 가지고 있는데, 제가 그 형식에 대해 들었던 것 중 하나는 확대 할 때 픽셀 화되지 않는다는 것입니다. jpeg 또는 50x50 아이콘으로 저장할 수있는 모든 것을 알고 image_src에서 높이와 너비를 수동으로 설정하여 실제로 100x100 축소판 (또는 10x10)으로 표시합니다. 꼬리표. 그러나 SVG 파일은 object / embed …

160 html  svg 

나는 이것을 잠시 동안 고투 해 왔으며 어디서나 답을 찾을 수없는 것 같습니다. 다음과 같은 SVG 파일이 있습니다. <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z" ... /> </g> </svg> …

155 svg  transform  inkscape 

이 프로젝트에서 svg circle을 사용하고 있습니다. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> 그리고 g태그에 z-index를 사용 하여 요소를 첫 번째로 표시합니다. 내 프로젝트에서 z-index 값만 사용해야하지만 svg 요소에 z-index를 …

154 javascript  jquery  svg  z-index 

SVG 이미지는 순전히 벡터 형식입니까, 비트 맵 이미지를 SVG 이미지로 결합 할 수 있습니까? 비트 맵 이미지 (관점, 매핑 등)에 적용된 변환은 어떻습니까? 편집 : 이미지는 링크 참조로 SVG에 포함될 수 있습니다. http://www.w3.org/TR/SVG/struct.html#ImageElement를 참조 하십시오 . 내 질문은 실제로 svg 이미지가 자체 포함되도록 비트 맵 이미지가 svg 안에 포함될 수 …

147 image  svg  bitmapimage 

짧은 질문 : SVG 경로를 사용하면 원의 99.99 %를 그릴 수 있지만 표시되지만 원의 99.99999999 % 인 경우 원이 표시되지 않습니다. 어떻게 고칠 수 있습니까? 다음 SVG 경로는 99.99 %의 원을 그릴 수 있습니다. ( http://jsfiddle.net/DFhUF/1381/에서 시도하고 4 개의 호 또는 2 개의 호만 보이는지 확인하십시오. 그러나 IE 인 경우에는 …

146 svg  geometry  drawing  vml  geometric-arc 

내 HTML 페이지에 SVG 객체가 있고 앵커로 감싸서 svg 이미지를 클릭하면 사용자를 앵커 링크로 안내합니다. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> 이 코드 블록을 사용할 때 svg 객체를 클릭해도 Google로 이동하지 않습니다. IE8 <에서 스팬 텍스트를 클릭 할 수 있습니다. 태그를 포함하도록 svg …

143 html  object  svg  anchor 

SVG 파일이 있다고 가정 해 보겠습니다. <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> 어떻게 든의 상단을 정렬 할 a및 b. 실제로, 내 위치 roofline가 baseline! 대신에 따르기를 원합니다 !

142 svg  vertical-alignment  w3c 

Font Awesome 아이콘 글꼴을 좋아하고 내 사이트의 대부분의 아이콘에 사용하고 싶지만 제공되는 것 외에도 몇 가지 사용자 지정 svg 아이콘이 있습니다. Font Awesome 의 .svg 버전은 대부분 다음 <glyph />요소 로 구성되어 있습니다. ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 …

138 svg  webfonts  font-awesome 

전체 SVG 문서의 기본 배경색을 예를 들어 빨간색으로 설정하고 싶습니다. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> 위의 솔루션은 작동하지만 스타일 속성의 배경 속성은 불행히도 표준이 아닙니다 : http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties 이므로 SVG로 청소하는 동안 제거됩니다. 청소기. 이 배경색을 선언하는 다른 방법이 있습니까?

134 svg 

HTML5 캔버스에 SVG 파일을 그리는 기본 방법이 있습니까? Chrome은 SVG를 이미지로로드 (및 단순히 사용 drawImage) 하는 것을 지원 하지만 개발자 콘솔은 경고합니다 resource interpreted as image but transferred with MIME type image/svg+xml. SVG를 캔버스 명령으로 변환 할 가능성이 있음을 알고 있지만 ( 이 질문 과 같이 ) 필요하지 않기를 바랍니다. …

131 html  canvas  svg 

웹 사이트에 SVG 로고를 사용하여 모든 기기의 반응 형 디자인에 멋지게 보이려고합니다. 그러나 문제가 있기 때문에 가능한 한 많은 장치와 브라우저를 지원하고 싶습니다. 로드 속도 또한 중요한 고려 사항입니다. Adobe Illustrator의 내보내기 설정이이 모든 것에 어떻게 적용됩니까? Illustrator에는 SVG 내보내기에 대한 몇 가지 옵션이 있습니다. 첫째, 어떤 SVG 프로파일이 가장 …

128 html  css  image  svg  adobe-illustrator