프로그램 작성 svg

14

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 육년 전 . 이 질문을 개선하십시오 SVG와 JavaScript / jQuery를 사용하여 대화 형 인터페이스를 작업 중이며 Raphael 과 jQuery SVG 중에서 …

254 javascript jquery svg raphael

11

div에서 SVG를 어떻게 중앙에 배치합니까?

div의 중심에 맞추려는 SVG가 있습니다. div의 너비는 900px입니다. SVG의 너비는 400px입니다. SVG의 여백 왼쪽 및 여백 오른쪽이 자동으로 설정되어 있습니다. 작동하지 않으면 왼쪽 여백이 0 (기본값) 인 것처럼 작동합니다. 누구든지 내 오류를 알고 있습니까?

252 css layout svg positioning margin

8

의사 요소에서 SVG를 내용으로 사용하는 방법이 있습니까 : before 또는 : after

선택한 일부 요소 앞에 SVG 이미지를 배치하고 싶습니다. JQuery를 사용하고 있지만 관련이 없습니다. : before 요소를 다음과 같이 만들고 싶습니다. #mydiv:before { content:"<svg.. code here</svg>"; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } 위와 같이하면 문자열 만 표시됩니다. 사양을 확인한 결과 내용에 제한이있는 것 같습니다. 이 제한에 대한 해결 방법이 …

245 css svg

7

부모 컨테이너로 svg 스케일을 어떻게 만들 수 있습니까?

크기가 기본이 아닌 경우 인라인 svg 요소의 내용 스케일을 원합니다. 물론 별도의 파일로 만들 수 있고 그렇게 확장 할 수 있습니다. index.html : <img src="foo.svg" style="width: 100%;" /> foo.svg : <svg width="123" height="456"></svg> 그러나 CSS를 통해 SVG에 스타일을 추가하고 싶습니다. 따라서 외부 스타일을 연결하는 것은 옵션이 아닙니다. 인라인 SVG 스케일을 …

235 css html svg scaling

12

HTML에서 눈물을 어떻게 만듭니 까?

웹 페이지에 표시 할 모양을 만들려면 어떻게합니까? 이미지 크기 조절시 흐릿 해지기 때문에 이미지 를 사용하고 싶지 않습니다. 나는 CSS로 시도했다 : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> 코드 스 니펫 실행Hide …

222 html css svg css-shapes

10

SVG의 획 너비를 그리는 방법을 제어 할 수 있습니까?

현재 브라우저 기반 SVG 응용 프로그램을 구축 중입니다. 이 응용 프로그램 내에서 사각형을 포함하여 다양한 모양을 사용자가 스타일을 지정하고 배치 할 수 있습니다. 나는를 적용하면 stroke-widthSVG의에 rect말의 요소 1px, 스트로크가 적용됩니다 rect의 오프셋 및 다른 브라우저로 다른 방법으로 삽입. 특히 사각형의 바깥 쪽 너비와 시각적 위치를 계산하고 다른 요소 옆에 …

204 svg offset rect

4

'xmlns'및 'version'과 같은 SVG 매개 변수가 필요합니까?

인터넷에서 볼 수있는 svg 예제의 약 절반에서 코드는 간단한 단순 <svg></svg>태그로 싸여 있습니다. 다른 반쪽에서 svg 태그에는 다음과 같은 복잡한 속성이 많이 있습니다. <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> 내 질문은 : 간단한 svg 태그를 사용해도 괜찮습니까? 나는 복잡한 것들을 가지고 놀았고, 그것들을 포함시키지 않으면 모든 것이 잘 끝납니다.

203 xml svg tags

4

SVG 포지셔닝

SVG로 플레이하고 있으며 위치 지정에 몇 가지 문제가 있습니다. g그룹 태그에 포함 된 일련의 모양이 있습니다 . 컨테이너처럼 사용하기를 원했기 때문에 x 위치를 설정하면 해당 그룹의 모든 요소가 이동합니다. 그러나 그것은 가능하지 않은 것 같습니다. 대부분의 사람들은 이동하려는 요소 그룹을 어떻게 배치합니까? 상대 위치 개념이 있습니까? 예를 들어 부모와 관련

203 svg position grouping

8

CSS로 svg 경로의 채우기 색상을 변경할 수 있습니까?

다음 코드가 있습니다. <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>&nbsp; </span> 경로 태그 내에서 실제로 변경하지 않고 CSS 경로 또는 다른 방법으로 SVG 경로의 채우기 색상을 변경할 수 있습니까?

202 css svg

7

SVG 컨텐츠를 제거하거나 교체하려면 어떻게해야합니까?

svg차트를 포함 하는 요소를 (D3.js 사용) 생성하는 JavaScript 코드 조각 이 있습니다. AJAX를 사용하여 웹 서비스에서 오는 새로운 데이터를 기반으로 차트를 업데이트하고 싶습니다. 문제는 업데이트 버튼을 클릭 할 때마다 새로운 버튼을 생성하므로 이전 버튼 svg을 제거하거나 내용을 업데이트하고 싶습니다. 다음은 JavaScript 함수의 스 니펫입니다 svg. var svg = d3.select("body") .append("svg") …

200 javascript ajax svg d3.js

14

jquery의 추가가 svg 요소와 작동하지 않습니까?

이것을 가정하면 : <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> 왜 아무것도 보이지 않습니까?

199 jquery html svg

13

원호의 호에 대한 SVG 경로를 계산하는 방법

반지름 25 인 (200,200)을 중심으로 한 원이 주어지면 270도에서 135도 사이의 원호와 270도에서 45도 사이의 원호를 어떻게 그릴 수 있습니까? 0 도는 x 축 (오른쪽)에서 오른쪽을 의미하고 (3시 방향을 의미) 270 도는 12시 위치를 의미하고 90은 6시 위치를 의미 더 일반적으로 원의 일부에 대한 호의 경로는 무엇입니까? x, y, r, …

191 svg

5

SVG : rect 안의 텍스트

SVG 안에 텍스트를 표시하고 싶습니다 rect. 가능합니까? 나는 시도했다 <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> 그러나 작동하지 않습니다.

180 text svg rect

10

SVG 사각형에 텍스트를 배치하고 중앙에 배치하는 방법

다음 사각형이 있습니다 ... <rect x="0px" y="0px" width="60px" height="20px"/> 나는 그 안에 "Fiction"이라는 단어를 중심으로하고 싶습니다. 다른 사각형의 경우 svg word wrap이 그 안에 머물러 있습니까? 가로 및 세로 중앙에 배치 된 도형과 텍스트 줄 바꿈에 텍스트를 삽입하는 것에 대해 구체적으로 찾을 수없는 것 같습니다. 또한 텍스트는 사각형을 떠날 수 …

179 text svg

8

MarkDown에 SVG (GitHub에서 호스팅) 포함

MD ![Alt text](/path/to/img.jpg)또는 구문 중 하나를 사용하여 이미지를 MD에 배치 할 수 있다는 것을 알고 ![Alt text](/path/to/img.jpg "Optional title")있지만 코드가 GitHub에서 호스팅되는 SVG에 MD를 배치하는 데 어려움이 있습니다. 궁극적으로 rails3을 사용하고 내가 사용하고 있으므로, 지금 자주 모델을 변경 RailRoady을 모델의 스키마 다이어그램의 SVG를 생성합니다. 그 SVG를 ReadMe.md에 넣고 표시하고 싶습니다. …

173 svg github markdown

«svg» 태그된 질문