SVG 요소에 Google 재질 그림자를 사용하고 싶습니다. 나는 스냅 SVG를 사용하고 난 내 요소에 그림자 필터를 사용하는 방법을 발견했다 : element.attr({
filter : s.filter(Snap.filter.shadow(0, 19, 38, 'black', 1))
});
내가 찾을 수없는 것은 나는 재료 그림자의 각 입력에있
안녕하세요. 애니메이션의 문제가 IE 및 EDGE (Chrome의 경우)에서 실행되는 중간에 멈추는 중입니다. "텍스트 이후"경고가 표시되지만 "textone1"등의 불투명도는 개발자 도구에서 여전히 0으로 설정되어 있으며 IE는 애니메이션 전체를 중지합니다. IE에서 콘솔 오류가 발생합니다. "Chrome에서 가져올 수없는 개체가 'getCTM'- sna
SVG에의 pritty 간단한 작업을 변환, 나는 JS 코드를 통해 tgoing 나타나서이었고 코드의 아래 라인 actoss왔다; var g = Snap();
g.attr({
viewBox: [0, 0, 800, 600]
});
Snap.load("map.svg", function (f) {
function getShift(dot)
다음 코드는 SVG 다각형이 있고 CSS3 애니메이션을 사용하여 뒤집습니다. 비 IE 브라우저에서 잘 작동합니다. <body>
<style>
.front
{
animation-duration: 3s;
animation-name: flipin;
animation-iteration-co
내 svg에 클릭 핸들러를 추가하려고합니다. 그러나 기능은 결코 실행되지 않습니다. 나는 여기에 업로드 할 수 없기 때문에 svg의 경로를 바꿨다. 그러나 SVG 파일은 다음과 같다 : <?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org
svg가 변환 될 때 회전하려고하지만 축에 회전 할 수 없습니다. 자체 축을 회전시키는 방법이 있습니까? jsFiddle JS 코드 var paper = Snap('#svg');
matrix = new Snap.Matrix().translate(630, -95);
var start_gear = paper.path("M51.7,29.5v-7.2h-5.2c
Snap.svg를 사용 중이고 다각형에 배경 이미지를 추가하려고합니다. <svg id="test" height="600" width="600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="" class=""></svg>
v
Snap.svg을 사용하여 글리프 아이콘을 만들려고합니다 (나중에 애니메이션되지만 아이콘은 현재 사용 가능). 그것은 다음과 같이한다 : 나는 각각의 얼굴 특징에 대한 경로를 내 보낸 . 그런 다음, 스냅을 사용하여, 나는 흰색 원을 생성 요소에 각 경로를 추가했습니다 : 거기에서 var snapFace = Snap('#face');
var faceCi
내 웹 페이지에 다른 세 가지 요소가 포함 된 요소 (로고)가 있습니다. 전체 로고가 맴돌 았을 때, 로고 내의 두 요소 (문자 중 두 개)는 무기한으로 중심을 중심으로 회전합니다. 나는 CSS 애니메이션을 사용하여 회전 요소를 얻었으나, 그 자체가 움직일 때만 요소를 회전시킬 수 있습니다. 세 요소 중 하나라도 CSS를 사용하여 끌면 여러 요소를 회전시키