«svg» 태그된 질문

SVG 마크 업을 ReactJS 컴포넌트에 포함시킬 수 있습니까? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } 오류가 발생했습니다 : 네임 스페이스 속성은 지원되지 않습니다. ReactJSX는 XML이 아닙니다. 이것을하는 가장 가벼운 방법은 무엇입니까? React ART 와 같은 것을 사용하는 것은 내가하려고하는 일에 너무 과도합니다.

127 javascript  svg  reactjs 

에서 typescript(*.tsx)파일 나는이 문을 SVG 파일을 가져올 수 없습니다 : import logo from './logo.svg'; Transpiler의 말 : [ts] cannot find module './logo.svg'. 내 svg 파일은 <svg>...</svg>. 그러나 .js파일 에서 정확히 동일한 import 문으로 문제없이 가져올 수 있습니다. ts transpiler에 대해 어떻게 든 설정 해야하는 svg 파일 유형과 관련이 있다고 생각합니다. …

115 typescript  svg 

닫은. 이 질문은 Stack Overflow 지침을 충족하지 않습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 휴일 2 년 전 . 이 질문 개선 PDF를 SVG로 변환하려고합니다. 그러나 내가 사용하는 것은 현재 모든 텍스트의 모든 문자에 대한 경로를 매핑합니다. 즉, 소스 …

114 pdf  svg 

따라서 일반적으로 간단한 스타일링이 필요한 대부분의 SVG 아이콘을 포함하려면 다음을 수행합니다. <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> 이제 새로운 프런트 엔드 개발 스택의 가능한 구성 요소로 나중에 ReactJS를 평가하고 있지만 지원되는 태그 / 속성 목록에서 둘 다 지원 되지 use않거나 xlink:href지원 되지 않는다는 것을 알았습니다 . svg 스프라이트를 사용하고 ReactJS에서 이런 …

114 svg  sprite  reactjs 

다음 width과 height같이 지정하는 SVG 파일 viewbox이 있습니다. <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... 하지만 내가 결정한 크기로 브라우저에 표시하는 방법은 무엇입니까? 나는 그들을 더 작게 원하고 시도했습니다. <object width="400" data="image.svg"></object> 하지만 눈에 보이는 스크롤바가 나타납니다. 나는 세트에 SVG 파일을 변경하는 경우 그것은 작동 width과 height에 100%대신,하지만 …

114 html  svg 

기본적으로 확대 / 축소 및 이동 가능한 그래프에서 수천 개의 포인트를 렌더링하는 프로젝트를 업데이트하는 데 사용할 올바른 기술을 선택하려고합니다. Protovis를 사용하는 현재 구현은 성능이 저조합니다. 여기에서 확인하세요 : http://www.planethunters.org/classify 완전히 축소하면 약 2000 개의 포인트가 있습니다. 하단의 핸들을 사용하여 약간 확대하고 드래그하여 이동해보세요. 컴퓨터가 정말 빠르지 않으면 매우 고르지 않고 …

114 html  canvas  svg  d3.js  kineticjs 

내 XML을 처리하는 동안 href속성 에서 참조 된 SVG 파일을 다음 줄을 사용하여 출력 HTML로 직접 복사하려고합니다 . <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> 는 copy-namespaces기본값 어쨌든 "예"이기 때문에 필요는 없습니다,하지만 난 그것을 시도했습니다 여부에 대한 질문을 막기 위해 추가했습니다. 파일은 HTML로 복사되지만 네임 스페이스 요소는 호스됩니다. 예를 들어, 복사되기 전에 다음과 같은 …

113 html  xml  svg  xslt-1.0  xslt-2.0 

2020 년에 어떤 파비콘 크기, 파일 형식 및 메타 / 링크 태그를 사용해야합니까? 여기에는 오늘날 사람들이 사용하는 사과 아이콘, 창, Android 및 기타 장치가 포함됩니다. 저는 Opera를 사용하고 있으며 svg 형식을 지원한다는 것을 알 수 있습니다. 요즘 svg를 사용하는 것이 가장 좋은 솔루션입니까? "하나의 파일에 모두 적용"옵션이 있습니까? 나는 많은 …

113 html  svg  png  favicon 

목표는 <svg>해당 컨테이너의 크기에 <div>관계없이 요소를 상위 컨테이너 (이 경우 a)의 크기로 확장하는 것입니다. 코드: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> </svg> </div> 이 문제에 대한 가장 일반적인 해결책 viewBox은 <svg>요소에 속성을 설정하는 것 같습니다 …

112 css  html  svg  responsive-design 

저는 데이터 세트를 기반으로 여러 주를 채색하는 동적으로 생성 된 미국지도를 포함하는 웹 프로젝트를 진행하고 있습니다. 이 SVG 파일은 미국의 좋은 빈지도를 제공하며 각주의 색상을 변경하기 매우 쉽습니다. 어려움은 IE 브라우저가 SVG를 지원하지 않기 때문에 SVG가 제공하는 편리한 구문을 사용하려면 JPG로 변환해야합니다. 이상적으로는 GD2 라이브러리로만이 작업을 수행하고 싶지만 ImageMagick을 사용할 …

111 php  svg  imagemagick  jpeg  gd2 

Safari 10에서만 나타나는 매우 이상한 문제가 발생했습니다 transform:rotate(xdeg). 가끔을 사용하여 회전하는 카드 놀이, svg 이미지가 있습니다 . 사용중인 카드는 빨간색 블록 패턴입니다. 회전하지 않거나 직각 (예 : 90, 180, 270)으로 회전하면 정상적으로 보입니다. 그러나 그 이외의 각도와 배경 패턴은 파란색으로 변합니다! 내 사용자 중 한 명으로부터 이것에 대한 보고서를 받았으며 …

109 html  css  svg  safari 

HTML 텍스트가 요소를 채우는 것과 같은 방식으로 <text>컨테이너에 자동 줄 바꿈되는 내용을 SVG 에 표시하고 싶습니다 . 그것을 할 방법이 있습니까? 나는 s 를 사용하여 선을 아껴두고 싶지 않습니다 .<rect><div><tspan>

108 xml  text  svg  word-wrap 

그래서 내가 가진 것은 다음과 같습니다. <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip" ...>Tooltip</text> <script> <![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set …

107 javascript  svg  newline  line-breaks 

<svg>태그를 사용하여 SVG가 문서에 직접 포함되는 경우 문서의 스타일 시트를 통해 SVG에 CSS 스타일을 적용 할 수 있습니다. 그러나 <object>태그를 사용하여 포함 된 SVG에 스타일을 적용하려고합니다 . 다음 코드와 같은 것을 사용할 수 있습니까? object svg { fill: #fff; }

107 html  css  svg 

나는 SVG 파일을 일부 ECMAScript를 / 자바 스크립트 작업을하고 얻을 필요가있어 width및 height의 text내가 그것을 둘러싸는 사각형의 크기를 조절할 수 있도록 요소입니다. HTML에서는 요소 의 offsetWidth및 offsetHeight속성 을 사용할 수 있지만 해당 속성을 사용할 수없는 것으로 보입니다. 작업해야 할 부분이 있습니다. 텍스트를 변경할 때마다 사각형의 너비를 변경해야하는데 요소 의 실제 …

106 javascript  dom  text  svg