svg

-1열

2답변

이 라이브러리 코드를 사용하면 HTML 파일 자체 내의 특정 SVG 파일의 크기, 투명도 및 회전을 변경할 수 있습니다. 이제 SVG의 색상을 변경할 수있는 가능성을 추가하고 싶습니다. 이 라이브러리에이 함수를 추가하는 방법에 대한 아이디어가 있습니까? 누구든지 나를 도울 수 있기를 바랍니다. var Rotate = function() { /** *

0열

2답변

d3-celestial 라이브러리를 SVG로 내보내기

D3-Celestial 라이브러리 (https://github.com/ofrohn/d3-celestial)를 사용하고 있으며 캔버스 이미지를 SVG로 변환하려고합니다. (이것을 벡터 이미지로 사용하여 GCode로 변환 할 수 있습니다. 레이저 절단기). Fabric JS 라이브러리와 Canvas-GetSVG를 사용해 보았습니다. 성공하지 못했습니다. 누구나

0열

1답변

스케일 SVG snap.svg 사용

나는 모든 snap.svg 안녕을 사용하여, 규모, 하나 DIV에 포장하여 SVG를 얻거나 너비 높이를 변경하는 것을 시도하고있다 바이올린 https://jsfiddle.net/95sqchoo/ I svg에 경로를 추가 한 다음 svg 내에서 해당 경로를 확장하도록하고 싶습니다. 뷰포트를 추가하는 것은 viewBox 값을 설정 아무것도 var s = Sna

1열

2답변

반응 이미지 정렬 또는 애니메이션

나는 웹 페이지 및 헤더 영역 있어요 은 다음과 같이해야합니다 : 은 로고 이미지, 2 이미지 (노란 색으로 하나가) 및 일부 텍스트가 눈금으로 표시됩니다. 하지만 두 번째 이미지에 걸렸습니다. 나는 그것을하는 방법을 모른다. CSS3 애니메이션 또는 SVG 또는 다른 것을 사용할지 여부. 나는 또한이 반응이 좋기를 바란다. 코드 : <header clas

0열

1답변

SVG 코드 형식이 IntelliJ IDEA에서 작동하지 않습니다.

다음과 같은 SVG 파일을 inkscape에서 생성했습니다. 보시다시피 xml의 형식이 꽤 엉망입니다. 한가지, 제 설정에서 "탭 문자 사용"을 선택했지만이 파일에는 탭 문자가 없습니다. 예를 들어 /><g 및 ><path과 같이 많은 다른 것들도 잘못되었습니다. <?xml version="1.0" encoding="UTF-8" standalone="no"

5열

1답변

d3 v4로 무한 수평 축 생성

d3 v4 (4.12.0)를 사용 중입니다. 저는 마우스로 패닝에 반응하는 간단한 가로 축 (x 축, 선형 축척)을 그리는 SVG 컨테이너가 있습니다. "무한"또는 "끝이없는"가로축을 시뮬레이션하고 싶습니다. 이렇게하면 아주 큰 데이터 세트의 작은 부분 만로드하고 렌더링하고이 큰 세트의 요소 중 매우 작은 하위 집합을 표시하는 축을 그리게됩니다. 대용량 배

0열

2답변

id를 사용하지 않고 svg 요소에 마스크를 추가 할 수 있습니까?

svg-mask에 svg-image를 지정하고 싶습니다. 이 같은 마스크에 ID를 사용하여이 작업을 할 수 있습니다 : <svg id="svg1" width="5cm" height="5cm" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs>

1열

1답변

두 개의 원 교차로 채우기

교차로의 채우기 색상이 다른 두 개의 원을 그리려합니다. <svg width="300" height="200" xmlns="http://www.w3.org/2000/svg"> <g> <circle r="85" id="circle_left" cy="100" cx="100" stroke-width="1.5" stroke="#000" f

0열

1답변

배열에서 거대한 svg를 그려 부모 요소 내에서 축척합니다.

svg 파일 (러시아지도)을 가져 와서 경로 배열을 가져 왔습니다. 여기에 코드 조각입니다 : 이제 var states = [ { id: "1", d: [ "m 6477.42,3306.03 -13.31,-25.82 -71.82,-40.46 -52.18,49.61 -52.21,5.21 -74.43,-48.3 -50.

0열

1답변

내 SVG 코드에서 두 번째 사각형이 보이지 않는 이유는 무엇입니까?

저는이 코드 조각이 첫 번째 직사각형 뒤 얽힘을 그리고 두 번째 접선을 그려야한다는 것을 알고 있습니다. 두 번째 애니메이션은 단순히 너비를 확대합니다. 그래서이 코드를 보면 파란 막대가 나타나는 것을 볼 수 있습니다. 노란색 막대가 나타나고 예상대로 자랐지 만 끝나면 사라집니다. 두 점 모두 시작점과 너비가 동일하므로 진행 막대가 나타납니다. 파란색 막대