物联网平台 +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.
 
 
 
 

65 lines
5.5 KiB

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><defs/>
<style>
@keyframes svg-rotate {
from {
transform:translate(50%, 50%) rotate(0);
}
to {
transform:translate(50%, 50%) rotate(360deg);
}
}
path#autoId_pump_rotate {
transform-origin:0 0;
-webkit-transform-origin:0 0;
animation:svg-rotate 4s linear infinite;
-webkit-animation:svg-rotate 4s linear infinite;
}
</style>
<svg width='100%' height='100%' preserveAspectRatio="xMinYMin meet" viewBox="0 0 200 200" databind="databindHide">
<radialGradient id='autoId_pump_pipeGrad' cx="30%" cy="30%" r="100%" fx="30%" fy="30%">
<stop offset='-100%' stop-color='#303030'/>
<stop offset='0%' stop-color='#D0D0D0'/>
<stop offset='100%' stop-color='#303030'/>
</radialGradient>
<radialGradient id='autoId_pump_pipeGrad2' cx="30%" cy="30%" r="100%" fx="30%" fy="30%">
<stop offset='-100%' stop-color='#006400'/>
<stop offset='0%' stop-color='#98FB98'/>
<stop offset='100%' stop-color='#006400'/>
</radialGradient>
<radialGradient id='autoId_pump_internalGrad' cx="70%" cy="70%" r="80%" fx="70%" fy="70%">
<stop offset='-100%' stop-color='#303030'/>
<stop offset='0%' stop-color='#D0D0D0'/>
<stop offset='100%' stop-color='#303030'/>
</radialGradient>
<radialGradient id='autoId_pump_internalGrad2' cx="70%" cy="70%" r="80%" fx="70%" fy="70%">
<stop offset='-100%' stop-color='#006400'/>
<stop offset='0%' stop-color='#98FB98'/>
<stop offset='100%' stop-color='#006400'/>
</radialGradient>
<radialGradient id='autoId_pump_fillGrad' cx="70%" cy="70%" r="150%" fx="70%" fy="70%" >
<stop offset='-150%' stop-color='#FFFFFF'/>
<stop offset='0%' stop-color='#0000FF'/>
<stop offset='150%' stop-color='#FFFFFF'/>
</radialGradient>
<radialGradient id='autoId_pump_fillGrad2' cx="70%" cy="70%" r="150%" fx="70%" fy="70%" >
<stop offset='-150%' stop-color='#EEE8AA'/>
<stop offset='0%' stop-color='#800000'/>
<stop offset='150%' stop-color='#EEE8AA'/>
</radialGradient>
<circle cx="50%" cy="50%" r="50%" style="fill: url('#autoId_pump_pipeGrad');" />
<circle cx="50%" cy="50%" r="35%" style="fill: url('#autoId_pump_internalGrad');" />
<g style="display: none;" databind="databind1">
<circle cx="50%" cy="50%" r="35%" style="fill: url('#autoId_pump_fillGrad');" />
</g>
<g>
<path id="autoId_pump_rotate" d="m 55.842,-4.497 1.402,-0.113 3.741,0.613 5.198,2.175 0,3.644 -5.198,2.175 -3.741,0.613 -1.402,-0.113 -0.739,5.612 1.384,0.254 3.454,1.56 4.459,3.447 -0.943,3.519 -5.585,0.756 -3.771,-0.376 -1.326,-0.473 -2.166,5.231 1.271,0.603 2.933,2.401 3.414,4.483 -1.821,3.156 -5.59,-0.716 -3.546,-1.34 -1.158,-0.799 -3.446,4.491 1.072,0.912 2.211,3.078 2.138,5.214 -2.577,2.577 -5.214,-2.138 -3.078,-2.211 -0.912,-1.072 -4.491,3.446 0.799,1.158 1.34,3.546 0.716,5.59 -3.156,1.821 -4.483,-3.414 -2.401,-2.933 -0.603,-1.271 -5.231,2.166 0.473,1.326 0.376,3.771 -0.756,5.585 -3.519,0.943 -3.447,-4.459 -1.56,-3.454 -0.254,-1.384 -5.612,0.739 0.113,1.402 -0.613,3.741 -2.175,5.198 -3.644,0 -2.175,-5.198 -0.613,-3.741 0.113,-1.402 -5.612,-0.739 -0.254,1.384 -1.56,3.454 -3.447,4.459 -3.519,-0.943 -0.756,-5.585 0.376,-3.771 0.473,-1.326 -5.231,-2.166 -0.603,1.271 -2.401,2.933 -4.483,3.414 -3.156,-1.821 0.716,-5.59 1.34,-3.546 0.799,-1.158 -4.491,-3.446 -0.912,1.072 -3.078,2.211 -5.214,2.138 -2.577,-2.577 2.138,-5.214 2.211,-3.078 1.072,-0.912 -3.446,-4.491 -1.158,0.799 -3.546,1.34 -5.59,0.716 -1.821,-3.156 3.414,-4.483 2.933,-2.401 1.271,-0.603 -2.166,-5.231 -1.326,0.473 -3.771,0.376 -5.585,-0.756 -0.943,-3.519 4.459,-3.447 3.454,-1.56 1.384,-0.254 -0.739,-5.612 -1.402,0.113 -3.741,-0.613 -5.198,-2.175 0,-3.644 5.198,-2.175 3.741,-0.613 1.402,0.113 0.739,-5.612 -1.384,-0.254 -3.454,-1.56 -4.459,-3.447 0.943,-3.519 5.585,-0.756 3.771,0.376 1.326,0.473 2.166,-5.231 -1.271,-0.603 -2.933,-2.401 -3.414,-4.483 1.821,-3.156 5.59,0.716 3.546,1.34 1.158,0.799 3.446,-4.491 -1.072,-0.912 -2.211,-3.078 -2.138,-5.214 2.577,-2.577 5.214,2.138 3.078,2.211 0.912,1.072 4.491,-3.446 -0.799,-1.158 -1.34,-3.546 -0.716,-5.59 3.156,-1.821 4.483,3.414 2.401,2.933 0.603,1.271 5.231,-2.166 -0.473,-1.326 -0.376,-3.771 0.756,-5.585 3.519,-0.943 3.447,4.459 1.56,3.454 0.254,1.384 5.612,-0.739 -0.113,-1.402 0.613,-3.741 2.175,-5.198 3.644,0 2.175,5.198 0.613,3.741 -0.113,1.402 5.612,0.739 0.254,-1.384 1.56,-3.454 3.447,-4.459 3.519,0.943 0.756,5.585 -0.376,3.771 -0.473,1.326 5.231,2.166 0.603,-1.271 2.401,-2.933 4.483,-3.414 3.156,1.821 -0.716,5.59 -1.34,3.546 -0.799,1.158 4.491,3.446 0.912,-1.072 3.078,-2.211 5.214,-2.138 2.577,2.577 -2.138,5.214 -2.211,3.078 -1.072,0.912 3.446,4.491 1.158,-0.799 3.546,-1.34 5.59,-0.716 1.821,3.156 -3.414,4.483 -2.933,2.401 -1.271,0.603 2.166,5.231 1.326,-0.473 3.771,-0.376 5.585,0.756 0.943,3.519 -4.459,3.447 -3.454,1.56 -1.384,0.254 z"
style="fill: url('#autoId_pump_pipeGrad');"/>
<!-- ko if: typeof value != 'undefined' && (!isNaN(parseFloat(value())) && parseFloat(value()) > 0 || (typeof value() === 'boolean' && value())) -->
<!--<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 100 100" to="360 100 100" dur="4s" repeatCount="indefinite"/>-->
<!-- /ko -->
</g>
</svg>
</svg>