나는 snap.svg를 사용하여 그런 bechavior를 시도합니다. svg는 이미지와 같이 모바일에서 중심에 위치해야합니다. 도트를 가리키면 국가 이름도 &이 (가) 표시되어야합니다. 어떤 경우에도 코드를 최적화 할 수 있습니까? 그리고 어떻게 모바일에 svg를 중심으로? var s = Snap("#svg");
var startPoint, endPoin
저는 snap.svg를 사용하는 Angular 2로 구성 요소를 작성하려고합니다. 가장 단순한 경우에도 기능적인 SVG 객체를 사용할 수없는 것처럼 보입니다. 때 나는 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"
페이지가 두 장의 svg 이미지가 있습니다. 아래 링크를 참조하십시오. 맨 위로 올 필요가 있습니다. 속성이 JQuery와, 제발 하나 개의 도움을 사용하여 변경할 필요가있다 싶어, 내가 SVG 이미지에서 잘 모르겠습니다 <g id="svg_1" class="svg_19 deg_0 cat_bot stage 10_10 ">
<path id="path3806
안녕하세요 내가 만드는거야 을에 SVG 라인 애니메이션 다음이 코드, 첫 번째 doesen't 작업을 사용하여 SVG 라인 애니메이션을하지만, 나머지는 모두, 나는 무엇을 놓치고 있는가? var newElement = document.createElementNS('http://www.w3.org/2000/svg','line');
newEleme
이 라이브러리를 snap svg로 배우고 객체를 회전시키고 싶습니다. 그러나 이상한 회전 효과를 얻었고 문제가 무엇인지 알 수 없습니다. 다음은 코드 스 니펫이며 사용자가 살펴볼 수 있습니다. var s = Snap("#container");
//lets draw 2 rects at position 100,100 and then repositio
내가 동적 스냅에 의해 생성 된 SVG에 텍스트를 배치하기 위해 노력하고있어 , 이것은 내가 뭘하려 : this.setContent(
`<svg id="${this.svgId}"></svg>`
);
var snap = Snap($(`#${this.svgId}`)[0]);
text = "asdfsdfsdsfd";
var rect = snap
Snap.SVG의 사용법을 배우려고합니다. 새 Snap 행렬 만들기 matrix.scale() 메서드를 사용하면 예상치 못한 결과가 발생합니다. el.transform ("s ...")을 사용하면 Snap 문서에 설명 된대로 작동합니다. 여기에 유일하게 사용되는 스크립트 코드 : myMatrix.scale (0.5,150,100)와 var s = Snap(
내 SVG에서 둥근 모서리가 제대로 작동하지 않습니다. 다음 코드를 확인하십시오, <svg height="100" version="1.1" width="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="overflow: hidden; positio
snap.svg을 알아 내고 제목과 같이 부트 스트랩의 이미지 응답을 통해 크기가 조정되는보기 상자가 있는데 드래그를 시도 할 때까지 훌륭하게 작동합니다. 좌표가 비뚤어졌습니다. Codepen : http://codepen.io/k3no/pen/mWPqwm 을 heres JS 코드 : var s = Snap("#snappy");
var circle
SVG를 배우기 시작했는데 수정하고 싶은 코드 came이 나타났습니다. 원래 애니메이션 SVG 경로를 따라 가면서 삼각형을 가졌습니다. 저는 중간 루프를 제거하고 삼각형을 실제 이미지로 대체했습니다. 그러나 내 펜 (http://codepen.io/hybride/pen/pewzrO)을 살펴보면 이미지가 애니메이션 경로를 따라 부드럽게/올바르게 이동하지 않는
