svg.js

0열

2답변

SVG.js를 사용하여 도형을 그립니다. 모양 중 하나는 반지름 선이있는 원이되어야합니다. 그래야 해당 동작을 얻을 수 있습니다. "g"요소 내부에 타원과 선을 사용하고 있습니다. 문제는 내가 그 g 요소를 참조하고 BBOX를 얻으려고 할 때마다, 항상 같은 값을 얻을 수 있습니다 : { x: 0, y: 0, width: widthOfBox, hei

0열

1답변

애니메이션에 대한 svg.js 사용 사례 및 제한은 무엇입니까?

svg.js 사례에 대한 정보를 주시겠습니까? 특히 애니메이션에 중점을 둡니까? 환경 (브라우저, 내보내기 형식 등) 최고의 공연 (을 악용하는 방법) 제한 ([하지]를 도달하는 방법)

0열

1답변

SVG 파일 스크립트가 html로 작동하지 않습니다.

내가하고 싶은 일은 2 개의 실린더가있는 svg 파일을 만드는 것입니다. 다른 하나는 탱크와 액체를 나타내는 것입니다. 나는 내부 실린더가 주어진 액체의 비율에 따라 움직이기를 원한다. 나는 이것을 달성했으며 코드는 js 바이올린에서 잘 작동한다. 하지만 svg 파일을 html로 통합하려고 할 때 내부 실린더가 작동하지 않습니다. jsfiddle에 사용 h

0열

1답변

svg.js를 사용하여 맞춤 이벤트에서 요소에 액세스하는 방법

svg.js를 사용하면 맞춤 이벤트에서 요소에 어떻게 액세스합니까? myCircle.on('someEvent', function(event) { var circleX = event.x(); // event.x is not a function circleX = event.target.x() // event.x is not a function

0열

1답변

배열, 색상 및 상호 작용이있는 JavaScript 사용

고맙습니다. 나는 초보자입니다. HTML 사이트의 한 줄의 점을 변경하여 여러 가지 값을 갖는 배열이 있습니다. 144 도트가 있고 배열의 길이는 72 자리이므로 배열의 각 값은 두 도트의 값을 변경합니다. (결국 나는 두 개의 RGB LED의 값을 실제로 바꾸고 싶습니다.) .SVG/Snap 경로를 내려갈 것인지 또는 이미지 나 무엇을 통과 할 것인지 확

-1열

1답변

외부 scss 파일의 스타일을 SVG.js 요소에 추가

SVG를 만들고 다음과 같이 SVG.js로 경로를 추가합니다. this.roomPlan = SVG('roomPlan').attr('id','roomPlanSvg').size(1024, 768); this.roomPlan.path(room.area.d); 나는 외부 .scss 파일을 가지고 있으며 다음과 같은 스타일을 가지고 있습니다. .room-bg

5열

1답변

SVG svgjs 애니메이션시 요소 회전

현재 Javascript, Jquery, SVG 및 SVG.js를 사용하고 있습니다. 움직이는 동안 원점을 중심으로 원을 회전하고 싶습니다. 애니메이션도 똑같은 일을하기 때문에 어떤 단계 함수를 사용할 수는 있지만 아무것도 찾을 수 없습니다. 문제는 현재 솔루션에서 애니메이션이 janky이고 애니메이션을 중단하고 원을 회전 한 다음 다시 시작해야한다는 것입

1열

1답변

svg.js의 동일한 요소에 중복 된 애니메이션이 여러 개 있습니다.

이전 애니메이션이 아직 활성화되어있는 동안 요소에서 애니메이션을 시작하고 싶습니다. 그러나 요소에 animate()을 호출하면 현재 애니메이션이 끝날 때 새 애니메이션이 대기합니다. 예를 들어 요소가 새 위치로 이동되는 애니메이션을 생각해보십시오. 이제는 특정 위치에 도달하면 페이드 아웃시키고 싶습니다. 다음은 80 %가 아니라 이동이 끝난 시점에서 "한

0열

1답변

svg.js BBOX는() 규모의 후 같은 값()

var SVGElement = SVG('elementId'); var group = SVGElement.group().path('M50,49.67a18.5,18.5,0,1,0-18.5-18.5A18.52,18.52,0,0,0,50,49.67Zm0-31a12.5,12.5,0,1,1-12.5,12.5A12.51,12.51,0,0,1,50,18.67Z')

1열

1답변

SVG.js, "use"로 가져온 요소에서 "transform"속성을 제거/읽습니다.

체스 판을 렌더링하는 데 SVG.js를 사용하고 있습니다. sprite.svg에, var figureDrawn = svg.use(figure, "sprite.svg").move(x, y); figure이 wp 흰색 전당포 될 수있다 : 아이디어는 다음과 같이 use 그들을 외부 SVG 파일sprite.svg의 수치를 유지하고 포함입니다 <!-- whit