Несколько экземпляров Snap.svg вызывают повреждение - PullRequest
Новая
       34

Несколько экземпляров Snap.svg вызывают повреждение

0 голосов
/ 10 октября 2019

Я хочу отобразить несколько SVG на одной веб-странице, каждый в отдельном элементе DOM, который я загружаю, а затем манипулирую с помощью Snap.svg (v0.5.1). SVG создаются в Illustrator.

Один SVG на странице загружается и анимируется, как и ожидалось. Однако при попытке загрузки нескольких файлов небольшие повреждения появляются по крайней мере в одном из SVG. Я подозреваю, что я использую Snap неправильно, но не могу найти примеры загрузки его в отдельные элементы DOM на одной странице. 

   var s=Snap(".dom-element");
   Snap.load("my-pic1.svg", onSVGLoaded );
   function onSVGLoaded( data ){ 
      s.append( data );
      //do something
   }

   var s2=Snap(".dom-element2");
   Snap.load("my-pic2.svg", onSVGLoaded2 );
   function onSVGLoaded2( data ){ 
       s2.append( data );
       //do something
    }

    var s3=Snap(".dom-element3");
    Snap.load("my-pic3.svg", onSVGLoaded3 );
    function onSVGLoaded3( data ){ 
        s3.append( data );
        //do something
    }

Есть ли другой способ загрузки нескольких svg в отдельные элементы без вызова нового экземпляраПривязывать каждый раз (если в этом проблема)?

...