#angular #typescript #google-maps #svg #marker
Вопрос:
Как я могу заменить значок маркера карты Google анимированным значком svg? Статические svg работают, но анимированные-нет. Может быть, я что-то сделал неправильно, и Google maps нужны дополнительные опции для загрузки анимированного sv, или, может быть, svg неверен, даже если анимированный svg работает, когда я открываю его в браузере.
<map-marker
[optimized]="false"
[position]="ecp?.location?.gpsCoordinates"
[icon]="
mouseOver amp;amp; ecp.id === selectedMarkerId amp;amp; !ecp.hasAlarms
? '/assets/img/hover-marker.svg'
: ecp.id !== selectedMarkerId amp;amp; !ecp.hasAlarms
? '/assets/img/default-marker.svg'
: ecp.id !== selectedMarkerId amp;amp; ecp.hasAlarms
? '/assets/img/red-border-markers.svg'
: '/assets/img/red-border-markers.svg'
"
[label]="ecp?.label"
(mapClick)="markerClick(ecp.id)"
>
</map-marker>
красные пограничные маркеры.svg
<svg
id="ejd8btiqUk61"
width="67"
height="67"
viewBox="0 0 83 83"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
>
<circle
id="ejd8btiqUk62"
r="40.261200"
transform="matrix(0.60000000000000 0 0 0.60000000000000 41.50000000000000 41.50000000000000)"
fill="none"
stroke="#E6141E"
stroke-width="2.477610"
/>
<circle
id="ejd8btiqUk63"
r="25.395500"
transform="matrix(1 0 0 1 41.50000000000000 41.50000000000000)"
fill="#2D3C4C"
stroke="none"
stroke-width="1"
/>
<circle
id="ejd8btiqUk64"
r="21.679100"
transform="matrix(1 0 0 1 41.49990000000000 41.49990000000000)"
fill="#2D3C4C"
stroke="rgb(255,255,255)"
stroke-width="2.477610"
/>
<script>
<![CDATA[!function(t,n){"object"==typeof exportsamp;amp;"undefined"!=typeof
module?module.exports=n():"function"==typeof
defineamp;amp;define.amd?define(n):(t="undefined"!=typeof
globalThis?globalThis:t||self).__SVGATOR_PLAYER__=n()}(this,(function(){"use
strict";function t(n){return(t="function"==typeof Symbolamp;amp;"symbol"==typeof
Symbol.iterator?function(t){return typeof t}:function(t){return
tamp;amp;"function"==typeof
Symbolamp;amp;t.constructor===Symbolamp;amp;t!==Symbol.prototype?"symbol":typeof
t})(n)}function n(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a
class as a function")}function r(t,n){for(var r=0;r<n.length;r ){var
e=n[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in
eamp;amp;(e.writable=!0),Object.defineProperty(t,e.key,e)}}function e(t,n,e){return
namp;amp;r(t.prototype,n),eamp;amp;r(t,e),t}function
i(t){return(i=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return
t.__proto__||Object.getPrototypeOf(t)})(t)}function
o(t,n){return(o=Object.setPrototypeOf||function(t,n){return
t.__proto__=n,t})(t,n)}function u(t,n){return!n||"object"!=typeof
namp;amp;"function"!=typeof n?function(t){if(void 0===t)throw new
ReferenceError("this hasn't been initialised - super() hasn't been
called");return t}(t):n}function a(t){var n=function(){if("undefined"==typeof
Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof
Proxy)return!0;try{return
Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return
function(){var r,e=i(t);if(n){var
o=i(this).constructor;r=Reflect.construct(e,arguments,o)}else
r=e.apply(this,arguments);return u(this,r)}}function
l(t,n,r){return(l="undefined"!=typeof
Reflectamp;amp;Reflect.get?Reflect.get:function(t,n,r){var
e=function(t,n){for(;!Object.prototype.hasOwnProperty.call(t,n)amp;amp;null!==(t=i(t)););return
t}(t,n);if(e){var o=Object.getOwnPropertyDescriptor(e,n);return
o.get?o.get.call(r):o.value}})(t,n,r||t)}var f=Math.abs;function s(t){return
t}function c(t,n,r){var e=1-r;return 3*r*e*(t*e n*r) r*r*r}function h(){var
t=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:0,n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:0,r=arguments.length>2amp;amp;void
0!==arguments[2]?arguments[2]:1,e=arguments.length>3amp;amp;void
0!==arguments[3]?arguments[3]:1;return
t<0||t>1||r<0||r>1?null:f(t-n)<=1e-5amp;amp;f(r-e)<=1e-5?s:function(i){if(i<=0)return
t>0?i*n/t:0===namp;amp;r>0?i*e/r:0;if(i>=1)return
r<1?1 (i-1)*(e-1)/(r-1):1===ramp;amp;t<1?1 (i-1)*(n-1)/(t-1):1;for(var
o,u=0,a=1;u<a;){var l=c(t,r,o=(u a)/2);if(f(i-l)<1e-5)break;l<i?u=o:a=o}return
c(n,e,o)}}function v(){return 1}function y(t){return 1===t?1:0}function
d(){var t=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:1,n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:0;if(1===t){if(0===n)return y;if(1===n)return
v}var r=1/t;return function(t){return t>=1?1:(t =n*r)-t%r}}function g(t){var
n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:2;if(Number.isInteger(t))return t;var
r=Math.pow(10,n);return Math.round(t*r)/r}var p=Math.PI/180;function
m(t,n,r){return t>=.5?r:n}function b(t,n,r){return
0===t||n===r?n:t*(r-n) n}function w(t,n,r){var e=b(t,n,r);return
e<=0?0:e}function x(t,n,r){return
0===t?n:1===t?r:{x:b(t,n.x,r.x),y:b(t,n.y,r.y)}}function k(t,n,r){var
e=function(t,n,r){return Math.round(b(t,n,r))}(t,n,r);return
e<=0?0:e>=255?255:e}function A(t,n,r){return
0===t?n:1===t?r:{r:k(t,n.r,r.r),g:k(t,n.g,r.g),b:k(t,n.b,r.b),a:b(t,null==n.a?1:n.a,null==r.a?1:r.a)}}function
_(t,n,r){if(0===t)return n;if(1===t)return r;var
e=n.length;if(e!==r.length)return m(t,n,r);for(var
i=[],o=0;o<e;o )i.push(A(t,n[o],r[o]));return i}function S(t,n){for(var
r=[],e=0;e<t;e )r.push(n);return r}function O(t,n){if(--n<=0)return t;var
r=(t=Object.assign([],t)).length;do{for(var
e=0;e<r;e )t.push(t[e])}while(--n>0);return t}var M,j=function(){function
t(r){n(this,t),this.list=r,this.length=r.length}return
e(t,[{key:"setAttribute",value:function(t,n){for(var
r=this.list,e=0;e<this.length;e )r[e].setAttribute(t,n)}},{key:"removeAttribute",value:function(t){for(var
n=this.list,r=0;r<this.length;r )n[r].removeAttribute(t)}},{key:"style",value:function(t,n){for(var
r=this.list,e=0;e<this.length;e )r[e].style[t]=n}}]),t}(),F=/-./g,P=function(t,n){return
n.toUpperCase()};function B(t){return"function"==typeof t?t:m}function
I(t){return t?"function"==typeof t?t:Array.isArray(t)?function(t){var
n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:s;if(!Array.isArray(t))return
n;switch(t.length){case 1:return d(t[0])||n;case 2:return d(t[0],t[1])||n;case
4:return h(t[0],t[1],t[2],t[3])||n}return n}(t,null):function(t,n){var
r=arguments.length>2amp;amp;void
0!==arguments[2]?arguments[2]:s;switch(t){case"linear":return
s;case"steps":return
d(n.steps||1,n.jump||0)||r;case"bezier":case"cubic-bezier":return
h(n.x1||0,n.y1||0,n.x2||0,n.y2||0)||r}return
r}(t.type,t.value,null):null}function R(t,n,r){var e=arguments.length>3amp;amp;void
0!==arguments[3]amp;amp;arguments[3],i=n.length-1;if(t<=n[0].t)return
e?[0,0,n[0].v]:n[0].v;if(t>=n[i].t)return e?[i,1,n[i].v]:n[i].v;var
o,u=n[0],a=null;for(o=1;o<=i;o ){if(!(t>n[o].t)){a=n[o];break}u=n[o]}return
null==a?e?[i,1,n[i].v]:n[i].v:u.t===a.t?e?[o,1,a.v]:a.v:(t=(t-u.t)/(a.t-u.t),u.eamp;amp;(t=u.e(t)),e?[o,t,r(t,u.v,a.v)]:r(t,u.v,a.v))}function
q(t,n){var r=arguments.length>2amp;amp;void
0!==arguments[2]?arguments[2]:null;return tamp;amp;t.length?"function"!=typeof
n?null:("function"!=typeof ramp;amp;(r=null),function(e){var i=R(e,t,n);return
null!=iamp;amp;ramp;amp;(i=r(i)),i}):null}function E(t,n){return t.t-n.t}function
T(n,r,e,i,o){var
u,a="@"===e[0],l="#"===e[0],f=M[e],s=m;switch(a?(u=e.substr(1),e=u.replace(F,P)):lamp;amp;(e=e.substr(1)),t(f)){case"function":if(s=f(i,o,R,I,e,a,r,n),l)return
s;break;case"string":s=q(i,B(f));break;case"object":if((s=q(i,B(f.i),f.f))amp;amp;"function"==typeof
f.u)return f.u(r,s,e,a,n)}return s?function(t,n,r){var
e=arguments.length>3amp;amp;void 0!==arguments[3]amp;amp;arguments[3];if(e)return t
instanceof j?function(e){return t.style(n,r(e))}:function(e){return
t.style[n]=r(e)};if(Array.isArray(n)){var i=n.length;return function(e){var
o=r(e);if(null==o)for(var u=0;u<i;u )t[u].removeAttribute(n);else for(var
a=0;a<i;a )t[a].setAttribute(n,o)}}return function(e){var
i=r(e);null==i?t.removeAttribute(n):t.setAttribute(n,i)}}(r,e,s,a):null}function
N(n,r,e,i){if(!i||"object"!==t(i))return null;var o=null,u=null;return
Array.isArray(i)?u=function(t){if(!t||!t.length)return null;for(var
n=0;n<t.length;n )t[n].eamp;amp;(t[n].e=I(t[n].e));return
t.sort(E)}(i):(u=i.keys,o=i.data||null),u?T(n,r,e,u,o):null}function
C(t,n,r){if(!r)return null;var e=[];for(var i in r)if(r.hasOwnProperty(i)){var
o=N(t,n,i,r[i]);oamp;amp;e.push(o)}return e.length?e:null}function
z(t,n){if(!n.duration||n.duration<0)return null;var
r=function(t,n){if(!n)return null;var r=[];if(Array.isArray(n))for(var
e=n.length,i=0;i<e;i ){var o=n[i];if(2===o.length){var
u=null;if("string"==typeof o[0])u=t.getElementById(o[0]);else
if(Array.isArray(o[0])){u=[];for(var a=0;a<o[0].length;a )if("string"==typeof
o[0][a]){var
l=t.getElementById(o[0][a]);lamp;amp;u.push(l)}u=u.length?1===u.length?u[0]:new
j(u):null}if(u){var f=C(t,u,o[1]);famp;amp;(r=r.concat(f))}}}else for(var s in
n)if(n.hasOwnProperty(s)){var c=t.getElementById(s);if(c){var
h=C(t,c,n[s]);hamp;amp;(r=r.concat(h))}}return r.length?r:null}(t,n.elements);return
r?function(t,n){var r=arguments.length>2amp;amp;void
0!==arguments[2]?arguments[2]:1/0,e=arguments.length>3amp;amp;void
0!==arguments[3]?arguments[3]:1,i=arguments.length>4amp;amp;void
0!==arguments[4]amp;amp;arguments[4],o=arguments.length>5amp;amp;void
0!==arguments[5]?arguments[5]:1,u=t.length,a=e>0?n:0;iamp;amp;r%2==0amp;amp;(a=n-a);var
l=null;return function(f,s){var c=f%n,h=1 (f-c)/n;s*=e,iamp;amp;h%2==0amp;amp;(s=-s);var
v=!1;if(h>r)c=a,v=!0,-1===oamp;amp;(c=e>0?0:n);else
if(s<0amp;amp;(c=n-c),c===l)return!1;l=c;for(var y=0;y<u;y )t[y](c);return
v}}(r,n.duration,n.iterations||1/0,n.direction||1,!!n.alternate,n.fill||1):null}var
L=function(){function t(r,e){var i=arguments.length>2amp;amp;void
0!==arguments[2]?arguments[2]:{};n(this,t),this._id=0,this._running=!1,this._rollingBack=!1,this._animations=r,this.duration=e.duration,this.alternate=e.alternate,this.fill=e.fill,this.iterations=e.iterations,this.direction=i.direction||1,this.speed=i.speed||1,this.fps=i.fps||100,this.offset=i.offset||0,this.rollbackStartOffset=0}return
e(t,[{key:"_rollback",value:function(){var
t=this,n=1/0,r=null;this.rollbackStartOffset=this.offset,this._rollingBack||(this._rollingBack=!0,this._running=!0);this._id=window.requestAnimationFrame((function
e(i){if(t._rollingBack){null==ramp;amp;(r=i);var
o=i-r,u=t.rollbackStartOffset-o,a=Math.round(u*t.speed);if(a>t.durationamp;amp;n!=1/0){var
l=!!t.alternateamp;amp;a/t.duration%2>1,f=a%t.duration;a=(f =l?t.duration:0)||t.duration}var
s=t.fps?1e3/t.fps:0,c=Math.max(0,a);if(c<n-s){t.offset=c,n=c;for(var
h=t._animations,v=h.length,y=0;y<v;y )h[y](c,t.direction)}var
d=!1;if(t.iterations>0amp;amp;-1===t.fill){var
g=t.iterations*t.duration,p=g==a;a=p?0:a,t.offset=p?0:t.offset,d=a>g}a>0amp;amp;t.offset>=aamp;amp;!d?t._id=window.requestAnimationFrame(e):t.stop()}}))}},{key:"_start",value:function(){var
t=this,n=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:0,r=-1/0,e=null,i={},o=function
o(u){t._running=!0,null==eamp;amp;(e=u);var
a=Math.round((u-e n)*t.speed),l=t.fps?1e3/t.fps:0;if(a>r lamp;amp;!t._rollingBack){t.offset=a,r=a;for(var
f=t._animations,s=f.length,c=0,h=0;h<s;h )i[h]?c :(i[h]=f[h](a,t.direction),i[h]amp;amp;c );if(c===s)return
void
t._stop()}t._id=window.requestAnimationFrame(o)};this._id=window.requestAnimationFrame(o)}},{key:"_stop",value:function(){this._idamp;amp;window.cancelAnimationFrame(this._id),this._running=!1,this._rollingBack=!1}},{key:"play",value:function(){!this._rollingBackamp;amp;this._running||(this._rollingBack=!1,this.rollbackStartOffset>this.durationamp;amp;(this.offset=this.rollbackStartOffset-(this.rollbackStartOffset-this.offset)%this.duration,this.rollbackStartOffset=0),this._start(this.offset))}},{key:"stop",value:function(){this._stop(),this.offset=0,this.rollbackStartOffset=0;var
t=this.direction,n=this._animations;window.requestAnimationFrame((function(){for(var
r=0;r<n.length;r )n[r](0,t)}))}},{key:"reachedToEnd",value:function(){return
this.iterations>0amp;amp;this.offset>=this.iterations*this.duration}},{key:"restart",value:function(){this._stop(),this.offset=0,this._start()}},{key:"pause",value:function(){this._stop()}},{key:"reverse",value:function(){this.direction=-this.direction}}],[{key:"build",value:function(n,r){return(n=function(t,n){if(M=n,!t||!t.root||!Array.isArray(t.animations))return
null;for(var
r=document.getElementsByTagName("svg"),e=!1,i=0;i<r.length;i )if(r[i].id===t.rootamp;amp;!r[i].svgatorAnimation){(e=r[i]).svgatorAnimation=!0;break}if(!e)return
null;var o=t.animations.map((function(t){return
z(e,t)})).filter((function(t){return!!t}));return
o.length?{element:e,animations:o,animationSettings:t.animationSettings,options:t.options||void
0}:null}(n,r))?{el:n.element,options:n.options||{},player:new
t(n.animations,n.animationSettings,n.options)}:null}}]),t}();!function(){for(var
t=0,n=["ms","moz","webkit","o"],r=0;r<n.lengthamp;amp;!window.requestAnimationFrame; r)window.requestAnimationFrame=window[n[r] "RequestAnimationFrame"],window.cancelAnimationFrame=window[n[r] "CancelAnimationFrame"]||window[n[r] "CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(n){var
r=Date.now(),e=Math.max(0,16-(r-t)),i=window.setTimeout((function(){n(r e)}),e);return
t=r e,i},window.cancelAnimationFrame=window.clearTimeout)}();var
D=/.0 $/g;function Q(t){return
Number.isInteger(t)?t "":t.toFixed(6).replace(D,"")}function U(t){var
n=arguments.length>1amp;amp;void 0!==arguments[1]?arguments[1]:" ";return
tamp;amp;t.length?t.map(Q).join(n):""}function V(t){return
t?null==t.a||t.a>=1?"rgb(" t.r "," t.g "," t.b ")":"rgba(" t.r "," t.g "," t.b "," t.a ")":"transparent"}var
$={f:null,i:function(t,n,r){return
0===t?n:1===t?r:{x:w(t,n.x,r.x),y:w(t,n.y,r.y)}},u:function(t,n){return
function(r){var
e=n(r);t.setAttribute("rx",Q(e.x)),t.setAttribute("ry",Q(e.y))}}},G={f:null,i:function(t,n,r){return
0===t?n:1===t?r:{width:w(t,n.width,r.width),height:w(t,n.height,r.height)}},u:function(t,n){return
function(r){var
e=n(r);t.setAttribute("width",Q(e.width)),t.setAttribute("height",Q(e.height))}}},H=Math.sin,Y=Math.cos,Z=Math.acos,J=Math.asin,K=Math.tan,W=Math.atan2,X=Math.PI/180,tt=180/Math.PI,nt=Math.sqrt,rt=function(){function
t(){var r=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:1,e=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:0,i=arguments.length>2amp;amp;void
0!==arguments[2]?arguments[2]:0,o=arguments.length>3amp;amp;void
0!==arguments[3]?arguments[3]:1,u=arguments.length>4amp;amp;void
0!==arguments[4]?arguments[4]:0,a=arguments.length>5amp;amp;void
0!==arguments[5]?arguments[5]:0;n(this,t),this.m=[r,e,i,o,u,a],this.i=null,this.w=null,this.s=null}return
e(t,[{key:"determinant",get:function(){var t=this.m;return
t[0]*t[3]-t[1]*t[2]}},{key:"isIdentity",get:function(){if(null===this.i){var
t=this.m;this.i=1===t[0]amp;amp;0===t[1]amp;amp;0===t[2]amp;amp;1===t[3]amp;amp;0===t[4]amp;amp;0===t[5]}return
this.i}},{key:"point",value:function(t,n){var
r=this.m;return{x:r[0]*t r[2]*n r[4],y:r[1]*t r[3]*n r[5]}}},{key:"translateSelf",value:function(){var
t=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:0,n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:0;if(!tamp;amp;!n)return this;var r=this.m;return
r[4] =r[0]*t r[2]*n,r[5] =r[1]*t r[3]*n,this.w=this.s=this.i=null,this}},{key:"rotateSelf",value:function(){var
t=arguments.length>0amp;amp;void 0!==arguments[0]?arguments[0]:0;if(t%=360){var
n=H(t*=X),r=Y(t),e=this.m,i=e[0],o=e[1];e[0]=i*r e[2]*n,e[1]=o*r e[3]*n,e[2]=e[2]*r-i*n,e[3]=e[3]*r-o*n,this.w=this.s=this.i=null}return
this}},{key:"scaleSelf",value:function(){var t=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:1,n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:1;if(1!==t||1!==n){var
r=this.m;r[0]*=t,r[1]*=t,r[2]*=n,r[3]*=n,this.w=this.s=this.i=null}return
this}},{key:"skewSelf",value:function(t,n){if(n%=360,(t%=360)||n){var
r=this.m,e=r[0],i=r[1],o=r[2],u=r[3];tamp;amp;(t=K(t*X),r[2] =e*t,r[3] =i*t),namp;amp;(n=K(n*X),r[0] =o*n,r[1] =u*n),this.w=this.s=this.i=null}return
this}},{key:"resetSelf",value:function(){var t=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:1,n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:0,r=arguments.length>2amp;amp;void
0!==arguments[2]?arguments[2]:0,e=arguments.length>3amp;amp;void
0!==arguments[3]?arguments[3]:1,i=arguments.length>4amp;amp;void
0!==arguments[4]?arguments[4]:0,o=arguments.length>5amp;amp;void
0!==arguments[5]?arguments[5]:0,u=this.m;return
u[0]=t,u[1]=n,u[2]=r,u[3]=e,u[4]=i,u[5]=o,this.w=this.s=this.i=null,this}},{key:"recomposeSelf",value:function(){var
t=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:null,n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:null,r=arguments.length>2amp;amp;void
0!==arguments[2]?arguments[2]:null,e=arguments.length>3amp;amp;void
0!==arguments[3]?arguments[3]:null,i=arguments.length>4amp;amp;void
0!==arguments[4]?arguments[4]:null;return
this.isIdentity||this.resetSelf(),tamp;amp;(t.x||t.y)amp;amp;this.translateSelf(t.x,t.y),namp;amp;this.rotateSelf(n),ramp;amp;(r.xamp;amp;this.skewSelf(r.x,0),r.yamp;amp;this.skewSelf(0,r.y)),!e||1===e.xamp;amp;1===e.y||this.scaleSelf(e.x,e.y),iamp;amp;(i.x||i.y)amp;amp;this.translateSelf(i.x,i.y),this}},{key:"decompose",value:function(){var
t=arguments.length>0amp;amp;void
0!==arguments[0]?arguments[0]:0,n=arguments.length>1amp;amp;void
0!==arguments[1]?arguments[1]:0,r=this.m,e=r[0]*r[0] r[1]*r[1],i=[[r[0],r[1]],[r[2],r[3]]],o=nt(e);if(0===o)return{origin:{x:r[4],y:r[5]},translate:{x:t,y:n},scale:{x:0,y:0},skew:{x:0,y:0},rotate:0};i[0][0]/=o,i[0][1]/=o;var
u=r[0]*r[3]-r[1]*r[2]<0;uamp;amp;(o=-o);var
a=i[0][0]*i[1][0] i[0][1]*i[1][1];i[1][0]-=i[0][0]*a,i[1][1]-=i[0][1]*a;var
l=nt(i[1][0]*i[1][0] i[1][1]*i[1][1]);if(0===l)return{origin:{x:r[4],y:r[5]},translate:{x:t,y:n},scale:{x:o,y:0},skew:{x:0,y:0},rotate:0};i[1][0]/=l,i[1][1]/=l,a/=l;var
f=0;return
i[1][1]<0?(f=Z(i[1][1])*tt,i[0][1]<0amp;amp;(f=360-f)):f=J(i[0][1])*tt,uamp;amp;(f=-f),a=W(a,nt(i[0][0]*i[0][0] i[0][1]*i[0][1]))*tt,uamp;amp;(a=-a),{origin:{x:r[4],y:r[5]},translate:{x:t,y:n},scale:{x:o,y:l},skew:{x:a,y:0},rotate:f}}},{key:"toString",value:function(){return
null===this.samp;amp;(this.s="matrix(" this.m.map(it).join("
") ")"),this.s}}]),t}(),et=/.0 $/;function it(t){return
Number.isInteger(t)?t:t.toFixed(14).replace(et,"")}Object.freeze({M:2,L:2,Z:0,H:1,V:1,C:6,Q:4,T:2,S:4,A:7});var
ot={},ut=null;function at(n){var r=function(){if(ut)return
ut;if("object"!==("undefined"==typeof
document?"undefined":t(document)))return{};var
n=document.createElementNS("http://www.w3.org/2000/svg","svg");return
n.style.position="absolute",n.style.opacity="0.01",n.style.zIndex="-9999",n.style.left="-9999px",n.style.width="1px",n.style.height="1px",ut={svg:n}}().svg;if(!r)return
function(t){return null};var
e=document.createElementNS(r.namespaceURI,"path");e.setAttributeNS(null,"d",n),e.setAttributeNS(null,"fill","none"),e.setAttributeNS(null,"stroke","none"),r.appendChild(e);var
i=e.getTotalLength();return function(t){var
n=e.getPointAtLength(i*t);return{x:n.x,y:n.y}}}function lt(t){return
ot[t]?ot[t]:ot[t]=at(t)}function ft(t,n,r,e){if(!t||!e)return!1;var
i=["M",t.x,t.y];if(namp;amp;ramp;amp;(i.push("C"),i.push(n.x),i.push(n.y),i.push(r.x),i.push(r.y)),n?!r:r){var
o=n||r;i.push("Q"),i.push(o.x),i.push(o.y)}return
n||r||i.push("L"),i.push(e.x),i.push(e.y),i.join(" ")}function st(t,n,r,e){var
i=arguments.length>4amp;amp;void
0!==arguments[4]?arguments[4]:1,o=ft(t,n,r,e),u=lt(o);try{return
u(i)}catch(t){return null}}function ct(t,n,r,e){var i=1-e;return
i*i*t 2*i*e*n e*e*r}function ht(t,n,r,e){return
2*(1-e)*(n-t) 2*e*(r-n)}function vt(t,n,r,e){var i=arguments.length>4amp;amp;void
0!==arguments[4]amp;amp;arguments[4],o=st(t,n,null,r,e);return
o||(o={x:ct(t.x,n.x,r.x,e),y:ct(t.y,n.y,r.y,e)}),iamp;amp;(o.a=yt(t,n,r,e)),o}function
yt(t,n,r,e){return Math.atan2(ht(t.y,n.y,r.y,e),ht(t.x,n.x,r.x,e))}function
dt(t,n,r,e,i){var o=i*i;return
i*o*(e-t 3*(n-r)) 3*o*(t r-2*n) 3*i*(n-t) t}function gt(t,n,r,e,i){var
o=1-i;return 3*(o*o*(n-t) 2*o*i*(r-n) i*i*(e-r))}function pt(t,n,r,e,i){var
o=arguments.length>5amp;amp;void
0!==arguments[5]amp;amp;arguments[5],u=st(t,n,r,e,i);return
u||(u={x:dt(t.x,n.x,r.x,e.x,i),y:dt(t.y,n.y,r.y,e.y,i)}),oamp;amp;(u.a=mt(t,n,r,e,i)),u}function
mt(t,n,r,e,i){return
Math.atan2(gt(t.y,n.y,r.y,e.y,i),gt(t.x,n.x,r.x,e.x,i))}function
bt(t,n,r){return t (n-t)*r}function wt(t,n,r){var e=arguments.length>3amp;amp;void
0!==arguments[3]amp;amp;arguments[3],i={x:bt(t.x,n.x,r),y:bt(t.y,n.y,r)};return
eamp;amp;(i.a=xt(t,n)),i}function xt(t,n){return
Math.atan2(n.y-t.y,n.x-t.x)}function kt(t,n,r){var e=arguments.length>3amp;amp;void
0!==arguments[3]amp;amp;arguments[3];if(_t(n)){if(St(r))return
vt(n,r.start,r,t,e)}else if(_t(r)){if(n.end)return
vt(n,n.end,r,t,e)}else{if(n.end)return
r.start?pt(n,n.end,r.start,r,t,e):vt(n,n.end,r,t,e);if(r.start)return
vt(n,r.start,r,t,e)}return wt(n,r,t,e)}function At(t,n,r){var
e=kt(t,n,r,!0);return e.a=function(t){var n=arguments.length>1amp;amp;void
0!==arguments[1]amp;amp;arguments[1];return n?t Math.PI:t}(e.a)/p,e}function
_t(t){return!t.type||"corner"===t.type}function St(t){return
null!=t.startamp;amp;!_t(t)}var Ot=new rt;var
Mt={f:Q,i:b},jt={f:Q,i:function(t,n,r){var e=b(t,n,r);return
e<=0?0:e>=1?1:e}};function Ft(t,n,r,e,i,o,u,a){return
n=function(t,n,r){for(var
e,i,o,u=t.length-1,a={},l=0;l<=u;l )(e=t[l]).eamp;amp;(e.e=n(e.e)),e.vamp;amp;"g"===(i=e.v).tamp;amp;i.ramp;amp;(o=r.getElementById(i.r))amp;amp;(a[i.r]=o.querySelectorAll("stop"));return
a}(t,e,a),function(e){var i,o=r(e,t,Pt);return
o?"c"===o.t?V(o.v):"g"===o.t?(n[o.r]amp;amp;function(t,n){for(var
r=0,e=t.length;r<e;r )t[r].setAttribute("stop-color",V(n[r]))}(n[o.r],o.v),(i=o.r)?"url(#" i ")":"none"):"none":"none"}}function
Pt(t,n,r){if(0===t)return n;if(1===t)return r;if(namp;amp;r){var
e=n.t;if(e===r.t)switch(n.t){case"c":return{t:e,v:A(t,n.v,r.v)};case"g":if(n.r===r.r)return{t:e,v:_(t,n.v,r.v),r:n.r}}}return
m(t,n,r)}var
Bt={fill:Ft,"fill-opacity":jt,stroke:Ft,"stroke-opacity":jt,"stroke-width":Mt,"stroke-dashoffset":{f:Q,i:b},"stroke-dasharray":{f:function(t){var
n=arguments.length>1amp;amp;void 0!==arguments[1]?arguments[1]:" ";return
tamp;amp;t.length>0amp;amp;(t=t.map((function(t){return
Math.floor(1e4*t)/1e4}))),U(t,n)},i:function(t,n,r){var
e,i,o,u=n.length,a=r.length;if(u!==a)if(0===u)n=S(u=a,0);else
if(0===a)a=u,r=S(u,0);else{var l=(o=(e=u)*(i=a)/function(t,n){for(var
r;n;)r=n,n=t%n,t=r;return
t||1}(e,i))<0?-o:o;n=O(n,Math.floor(l/u)),r=O(r,Math.floor(l/a)),u=a=l}for(var
f=[],s=0;s<u;s )f.push(g(w(t,n[s],r[s]),6));return
f}},opacity:jt,transform:function(n,r,e,i){if(!(n=function(n,r){if(!n||"object"!==t(n))return
null;var e=!1;for(var i in
n)n.hasOwnProperty(i)amp;amp;(n[i]amp;amp;n[i].length?(n[i].forEach((function(t){t.eamp;amp;(t.e=r(t.e))})),e=!0):delete
n[i]);return e?n:null}(n,i)))return null;var o=function(t,i,o){var
u=arguments.length>3amp;amp;void 0!==arguments[3]?arguments[3]:null;return
n[t]?e(i,n[t],o):ramp;amp;r[t]?r[t]:u};return ramp;amp;r.aamp;amp;n.o?function(t){var
r=e(t,n.o,At);return
Ot.recomposeSelf(r,o("r",t,b,0) r.a,o("k",t,x),o("s",t,x),o("t",t,x)).toString()}:function(t){return
Ot.recomposeSelf(o("o",t,kt,null),o("r",t,b,0),o("k",t,x),o("s",t,x),o("t",t,x)).toString()}},r:Mt,"#size":G,"#radius":$,_:function(t,n){if(Array.isArray(t))for(var
r=0;r<t.length;r )this[t[r]]=n;else this[t]=n}};return
function(t){!function(t,n){if("function"!=typeof namp;amp;null!==n)throw new
TypeError("Super expression must either be null or a
function");t.prototype=Object.create(namp;amp;n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),namp;amp;o(t,n)}(u,t);var
r=a(u);function u(){return n(this,u),r.apply(this,arguments)}return
e(u,null,[{key:"build",value:function(t){var
n=l(i(u),"build",this).call(this,t,Bt);n.el,n.options;var r=n.player;return
function(t,n,r){t.play()}(r),r}}]),u}(L)}));
__SVGATOR_PLAYER__.build({"root":"ejd8btiqUk61","animations":[{"duration":2000,"direction":1,"iterations":0,"fill":1,"alternate":false,"speed":1,"elements":{"ejd8btiqUk62":{"transform":{"data":{"o":{"x":41.5,"y":41.5,"type":"corner"}},"keys":{"s":[{"t":0,"v":{"x":0.6,"y":0.6},"e":[0.075,0.82,0.165,1]},{"t":1000,"v":{"x":1,"y":1}},{"t":2000,"v":{"x":0.6,"y":0.6},"e":[0.6,0.04,0.98,0.335]}]}}}}}],"options":{"start":"load","hover":"freeze","click":"freeze","scroll":25,"font":"embed","exportedIds":"unique","svgFormat":"animated","title":"ECP"},"animationSettings":{"duration":1000,"direction":1,"iterations":0,"fill":1,"alternate":false,"speed":1}})]]>
</script>
</svg>
Заранее спасибо!
Комментарии:
1. преобразуйте анимацию в анимацию SMIL или CSS, чтобы они не использовали скрипт.
2. есть ли инструмент для этого?
3. Нет, это не так. Вам придется воссоздать его заново.