物联网平台 +Web 组态
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

44 lines
2.5 KiB

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120px" height="100px" version="1.1"><defs/>
<style>
@keyframes svg-translate {
from {
transform:translate(0, 0);
}
to {
transform:translate(-20px, 0);
}
}
g#autoId_pump_translate {
animation:svg-translate 1s linear infinite;
-webkit-animation:svg-translate 1s linear infinite;
}
</style>
<svg viewBox="0 0 120 100" height="100%" width="100%" databind="databindHide">
<path fill="#C0C0C0" d="M 0,20 L20,0 L80,0 A40,40 0 0 1 120,40 A40,40 0 0 1 110,62 L86,90" id="leftPump_top"/>
<path fill="#A0A0A0" d="M0,20 L0,50 L20,50 L20,60 A40,40 0 0 0 60,100 A40,40 0 0 0 100,60 A40,40 0 0 0 60,20 L20,20 Z" id="leftPump_face"/>
<svg height="60" width="60" y="30" x="30" id="leftPump_internals">
<clipPath id="autoId_leftPumpclipPath9">
<circle r="30" cy="30" cx="30"/>
</clipPath>
<circle fill="#505050" r="30" cy="30" cx="30"/>
<g style="clip-path: url(&quot;#autoId_leftPumpclipPath9&quot;);">
<g id="autoId_pump_translate">
<!-- ko if: typeof value != 'undefined' && (!isNaN(parseFloat(value())) && parseFloat(value()) > 0 || (typeof value() === 'boolean' && value())) -->
<!--<animateTransform repeatCount="indefinite" dur="1s" to="0 0" from="-20 0" type="translate" attributeName="transform" attributeType="xml"/>-->
<!-- /ko -->
<svg height="120" width="120" y="20"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
<svg height="120" width="120" y="0"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
<svg height="120" width="120" y="-20"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
<svg height="120" width="120" y="-40"><path margin="0,-40,0,40" stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
<svg height="120" width="120" y="-60"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
<svg height="120" width="120" y="-80"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
<svg height="120" width="120" y="-100"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
</g>
</g>
<circle fill="#404040" r="30" cy="10" cx="40" style="clip-path: url(&quot;#autoId_leftPumpclipPath9&quot;);"/>
<circle fill="#707070" r="10" cy="10" cx="40" style="clip-path: url(&quot;#autoId_leftPumpclipPath9&quot;);"/>
</svg>
</svg>
</svg>